色変換
色変換 for #CE3C90 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 206 | 60 | 144 | |
|---|---|---|---|---|
| HSL | 325.48° | 59.84% | 52.16% | |
| HSV | 325.48° | 70.87% | 80.78% | |
| CMYK | 0% | 70.87% | 30.1% | 19.22% |
| XYZ | 32.1051 | 18.3707 | 28.2353 | |
| Yxy | 18.3707 | 0.4079 | 0.2334 | |
| Hunter Lab | 42.8611 | 58.6976 | -9.0401 | |
| CIE-Lab | 49.9427 | 63.9802 | -13.8441 | |
| CIE-LCH | 49.9427 | 65.4609 | 347.7905 | |
| CIE-LUV | 49.9427 | 84.048 | -30.4886 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001110 | 00111100 | 10010000 |
| Octal | 316 | 74 | 220 |
| Decimal | 206 | 60 | 144 |
| Hex | CE | 3C | 90 |
RGB比率
CMYK比率
濃い色 #CE3C90
淡い色 #CE3C90
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#CE3C90 の色 黒背景
#CE3C90 の色 サンプルテキスト
#CE3C90 の色 白背景
#CE3C90 の色 サンプルテキスト
#CE3C90 CSSコード
.background { background-color: #CE3C90; }
.text { color: #CE3C90; }
.border { border: 3px solid #CE3C90; }
.shadow { box-shadow: 0 8px 28px rgba(206, 60, 144, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト4.49:1大きな文字
黒とのコントラスト4.67:1AA
Webセーフカラー#CC3399Near
輝度0.18370-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#CE3C90 color
PortuguêsCor #CE3C90
EspañolColor #CE3C90
한국어#CE3C90 색상
日本語#CE3C90 の色
中文#CE3C90 颜色
DeutschFarbe #CE3C90
FrançaisCouleur #CE3C90
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #CE3C90 の色.
近い色
See ピンク系