色変換
色変換 for #CF99BC の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 207 | 153 | 188 | |
|---|---|---|---|---|
| HSL | 321.11° | 36% | 70.59% | |
| HSV | 321.11° | 26.09% | 81.18% | |
| CMYK | 0% | 26.09% | 9.18% | 18.82% |
| XYZ | 46.2001 | 39.6805 | 52.7927 | |
| Yxy | 39.6805 | 0.3332 | 0.2861 | |
| Hunter Lab | 62.9925 | 20.6781 | -5.5756 | |
| CIE-Lab | 69.2414 | 25.7121 | -10.1533 | |
| CIE-LCH | 69.2414 | 27.6442 | 338.4517 | |
| CIE-LUV | 69.2414 | 29.9049 | -19.633 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001111 | 10011001 | 10111100 |
| Octal | 317 | 231 | 274 |
| Decimal | 207 | 153 | 188 |
| Hex | CF | 99 | BC |
RGB比率
CMYK比率
濃い色 #CF99BC
淡い色 #CF99BC
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CF99BC の色 黒背景
#CF99BC の色 サンプルテキスト
#CF99BC の色 白背景
#CF99BC の色 サンプルテキスト
#CF99BC CSSコード
.background { background-color: #CF99BC; }
.text { color: #CF99BC; }
.border { border: 3px solid #CF99BC; }
.shadow { box-shadow: 0 8px 28px rgba(207, 153, 188, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト2.35:1低い
黒とのコントラスト8.94:1AAA
Webセーフカラー#CC99CCNear
輝度0.39680-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CF99BC color
PortuguêsCor #CF99BC
EspañolColor #CF99BC
한국어#CF99BC 색상
日本語#CF99BC の色
中文#CF99BC 颜色
DeutschFarbe #CF99BC
FrançaisCouleur #CF99BC
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CF99BC の色.
近い色
See ピンク系