色変換
色変換 for #BA5ECB の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 186 | 94 | 203 | |
|---|---|---|---|---|
| HSL | 290.64° | 51.17% | 58.24% | |
| HSV | 290.64° | 53.69% | 79.61% | |
| CMYK | 8.37% | 53.69% | 0% | 20.39% |
| XYZ | 35.0307 | 22.7579 | 59.0358 | |
| Yxy | 22.7579 | 0.2999 | 0.1948 | |
| Hunter Lab | 47.7052 | 47.5901 | -39.9497 | |
| CIE-Lab | 54.8221 | 53.2194 | -40.9784 | |
| CIE-LCH | 54.8221 | 67.168 | 322.4041 | |
| CIE-LUV | 54.8221 | 39.4222 | -70.0526 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10111010 | 01011110 | 11001011 |
| Octal | 272 | 136 | 313 |
| Decimal | 186 | 94 | 203 |
| Hex | BA | 5E | CB |
RGB比率
CMYK比率
濃い色 #BA5ECB
淡い色 #BA5ECB
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#BA5ECB の色 黒背景
#BA5ECB の色 サンプルテキスト
#BA5ECB の色 白背景
#BA5ECB の色 サンプルテキスト
#BA5ECB CSSコード
.background { background-color: #BA5ECB; }
.text { color: #BA5ECB; }
.border { border: 3px solid #BA5ECB; }
.shadow { box-shadow: 0 8px 28px rgba(186, 94, 203, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト3.78:1大きな文字
黒とのコントラスト5.55:1AA
Webセーフカラー#CC66CCNear
輝度0.22760-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#BA5ECB color
PortuguêsCor #BA5ECB
EspañolColor #BA5ECB
한국어#BA5ECB 색상
日本語#BA5ECB の色
中文#BA5ECB 颜色
DeutschFarbe #BA5ECB
FrançaisCouleur #BA5ECB
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #BA5ECB の色.
近い色
See ピンク系
Similar colors
Medium orchid
Medium orchid
Rich lilac
Rich lilac
African バイオレット
African violet
Purpureus
Purpureus
紫 plum
Purple Plum
深い fuchsia
Deep fuchsia
Fuchsia (crayola)
Fuchsia (Crayola)
深い mauve
Deep mauve
French mauve
French mauve
Maximum 紫
Maximum Purple
French lilac
French lilac
Pomp and power
Pomp and Power