色変換
色変換 for #CF16CA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 207 | 22 | 202 | |
|---|---|---|---|---|
| HSL | 301.62° | 80.79% | 44.9% | |
| HSV | 301.62° | 89.37% | 81.18% | |
| CMYK | 0% | 89.37% | 2.42% | 18.82% |
| XYZ | 36.6795 | 18.1065 | 57.4287 | |
| Yxy | 18.1065 | 0.3269 | 0.1614 | |
| Hunter Lab | 42.5517 | 79.3998 | -50.2015 | |
| CIE-Lab | 49.625 | 81.1589 | -48.4453 | |
| CIE-LCH | 49.625 | 94.5183 | 329.1662 | |
| CIE-LUV | 49.625 | 69.3281 | -83.3742 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001111 | 00010110 | 11001010 |
| Octal | 317 | 26 | 312 |
| Decimal | 207 | 22 | 202 |
| Hex | CF | 16 | CA |
RGB比率
CMYK比率
濃い色 #CF16CA
淡い色 #CF16CA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CF16CA の色 黒背景
#CF16CA の色 サンプルテキスト
#CF16CA の色 白背景
#CF16CA の色 サンプルテキスト
#CF16CA CSSコード
.background { background-color: #CF16CA; }
.text { color: #CF16CA; }
.border { border: 3px solid #CF16CA; }
.shadow { box-shadow: 0 8px 28px rgba(207, 22, 202, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト4.55:1AA
黒とのコントラスト4.62:1AA
Webセーフカラー#CC00CCNear
輝度0.1810-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CF16CA color
PortuguêsCor #CF16CA
EspañolColor #CF16CA
한국어#CF16CA 색상
日本語#CF16CA の色
中文#CF16CA 颜色
DeutschFarbe #CF16CA
FrançaisCouleur #CF16CA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CF16CA の色.
近い色
See ピンク系