色変換
色変換 for #EEBACB の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 238 | 186 | 203 | |
|---|---|---|---|---|
| HSL | 340.38° | 60.47% | 83.14% | |
| HSV | 340.38° | 21.85% | 93.33% | |
| CMYK | 0% | 21.85% | 14.71% | 6.67% |
| XYZ | 63.5982 | 57.6091 | 64.2579 | |
| Yxy | 57.6091 | 0.3429 | 0.3106 | |
| Hunter Lab | 75.9007 | 16.7402 | 2.9549 | |
| CIE-Lab | 80.521 | 21.2875 | -1.3434 | |
| CIE-LCH | 80.521 | 21.3298 | 356.389 | |
| CIE-LUV | 80.521 | 30.559 | -5.8788 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11101110 | 10111010 | 11001011 |
| Octal | 356 | 272 | 313 |
| Decimal | 238 | 186 | 203 |
| Hex | EE | BA | CB |
RGB比率
CMYK比率
濃い色 #EEBACB
淡い色 #EEBACB
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#EEBACB の色 黒背景
#EEBACB の色 サンプルテキスト
#EEBACB の色 白背景
#EEBACB の色 サンプルテキスト
#EEBACB CSSコード
.background { background-color: #EEBACB; }
.text { color: #EEBACB; }
.border { border: 3px solid #EEBACB; }
.shadow { box-shadow: 0 8px 28px rgba(238, 186, 203, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト1.68:1低い
黒とのコントラスト12.52:1AAA
Webセーフカラー#FFCCCCNear
輝度0.57610-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#EEBACB color
PortuguêsCor #EEBACB
EspañolColor #EEBACB
한국어#EEBACB 색상
日本語#EEBACB の色
中文#EEBACB 颜色
DeutschFarbe #EEBACB
FrançaisCouleur #EEBACB
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #EEBACB の色.
近い色
See 赤系