色変換
色変換 for #B60AAA の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 182 | 10 | 170 | |
|---|---|---|---|---|
| HSL | 304.19° | 89.58% | 37.65% | |
| HSV | 304.19° | 94.51% | 71.37% | |
| CMYK | 0% | 94.51% | 6.59% | 28.63% |
| XYZ | 26.6558 | 13.0668 | 39.1407 | |
| Yxy | 13.0668 | 0.338 | 0.1657 | |
| Hunter Lab | 36.148 | 68.367 | -38.8698 | |
| CIE-Lab | 42.8637 | 73.5583 | -40.7173 | |
| CIE-LCH | 42.8637 | 84.0757 | 331.0338 | |
| CIE-LUV | 42.8637 | 64.4625 | -68.2781 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10110110 | 00001010 | 10101010 |
| Octal | 266 | 12 | 252 |
| Decimal | 182 | 10 | 170 |
| Hex | B6 | 0A | AA |
RGB比率
CMYK比率
濃い色 #B60AAA
淡い色 #B60AAA
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#B60AAA の色 黒背景
#B60AAA の色 サンプルテキスト
#B60AAA の色 白背景
#B60AAA の色 サンプルテキスト
#B60AAA CSSコード
.background { background-color: #B60AAA; }
.text { color: #B60AAA; }
.border { border: 3px solid #B60AAA; }
.shadow { box-shadow: 0 8px 28px rgba(182, 10, 170, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト5.81:1AA
黒とのコントラスト3.61:1大きな文字
Webセーフカラー#CC0099Near
輝度0.13060-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#B60AAA color
PortuguêsCor #B60AAA
EspañolColor #B60AAA
한국어#B60AAA 색상
日本語#B60AAA の色
中文#B60AAA 颜色
DeutschFarbe #B60AAA
FrançaisCouleur #B60AAA
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #B60AAA の色.
近い色
See ピンク系