色変換
色変換 for #C99AED の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 201 | 154 | 237 | |
|---|---|---|---|---|
| HSL | 273.98° | 69.75% | 76.67% | |
| HSV | 273.98° | 35.02% | 92.94% | |
| CMYK | 15.19% | 35.02% | 0% | 7.06% |
| XYZ | 50.9263 | 41.6437 | 85.4596 | |
| Yxy | 41.6437 | 0.2861 | 0.2339 | |
| Hunter Lab | 64.5319 | 27.9338 | -33.3146 | |
| CIE-Lab | 70.6246 | 32.7228 | -35.1334 | |
| CIE-LCH | 70.6246 | 48.0118 | 312.9654 | |
| CIE-LUV | 70.6246 | 19.0393 | -60.7617 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 11001001 | 10011010 | 11101101 |
| Octal | 311 | 232 | 355 |
| Decimal | 201 | 154 | 237 |
| Hex | C9 | 9A | ED |
RGB比率
CMYK比率
濃い色 #C99AED
淡い色 #C99AED
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#C99AED の色 黒背景
#C99AED の色 サンプルテキスト
#C99AED の色 白背景
#C99AED の色 サンプルテキスト
#C99AED CSSコード
.background { background-color: #C99AED; }
.text { color: #C99AED; }
.border { border: 3px solid #C99AED; }
.shadow { box-shadow: 0 8px 28px rgba(201, 154, 237, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト2.25:1低い
黒とのコントラスト9.33:1AAA
Webセーフカラー#CC99FFNear
輝度0.41640-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#C99AED color
PortuguêsCor #C99AED
EspañolColor #C99AED
한국어#C99AED 색상
日本語#C99AED の色
中文#C99AED 颜色
DeutschFarbe #C99AED
FrançaisCouleur #C99AED
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #C99AED の色.
近い色
See 紫系