色変換
色変換 for #AC36C7 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 172 | 54 | 199 | |
|---|---|---|---|---|
| HSL | 288.83° | 57.31% | 49.61% | |
| HSV | 288.83° | 72.86% | 78.04% | |
| CMYK | 13.57% | 72.86% | 0% | 21.96% |
| XYZ | 28.6399 | 15.5339 | 55.5115 | |
| Yxy | 15.5339 | 0.2873 | 0.1558 | |
| Hunter Lab | 39.4131 | 60.7349 | -55.8854 | |
| CIE-Lab | 46.3569 | 66.4281 | -52.2614 | |
| CIE-LCH | 46.3569 | 84.5219 | 321.8066 | |
| CIE-LUV | 46.3569 | 42.0091 | -85.4715 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101100 | 00110110 | 11000111 |
| Octal | 254 | 66 | 307 |
| Decimal | 172 | 54 | 199 |
| Hex | AC | 36 | C7 |
RGB比率
CMYK比率
濃い色 #AC36C7
淡い色 #AC36C7
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#AC36C7 の色 黒背景
#AC36C7 の色 サンプルテキスト
#AC36C7 の色 白背景
#AC36C7 の色 サンプルテキスト
#AC36C7 CSSコード
.background { background-color: #AC36C7; }
.text { color: #AC36C7; }
.border { border: 3px solid #AC36C7; }
.shadow { box-shadow: 0 8px 28px rgba(172, 54, 199, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト5.11:1AA
黒とのコントラスト4.11:1大きな文字
Webセーフカラー#9933CCNear
輝度0.15530-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#AC36C7 color
PortuguêsCor #AC36C7
EspañolColor #AC36C7
한국어#AC36C7 색상
日本語#AC36C7 の色
中文#AC36C7 颜色
DeutschFarbe #AC36C7
FrançaisCouleur #AC36C7
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #AC36C7 の色.
近い色
See 紫系