色変換
色変換 for #AC5583 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 172 | 85 | 131 | |
|---|---|---|---|---|
| HSL | 328.28° | 34.39% | 50.39% | |
| HSV | 328.28° | 50.58% | 67.45% | |
| CMYK | 0% | 50.58% | 23.84% | 32.55% |
| XYZ | 24.3592 | 16.9084 | 23.449 | |
| Yxy | 16.9084 | 0.3764 | 0.2613 | |
| Hunter Lab | 41.1198 | 33.7821 | -5.0136 | |
| CIE-Lab | 48.1444 | 41.1138 | -9.2875 | |
| CIE-LCH | 48.1444 | 42.1498 | 347.2707 | |
| CIE-LUV | 48.1444 | 51.2493 | -19.6946 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101100 | 01010101 | 10000011 |
| Octal | 254 | 125 | 203 |
| Decimal | 172 | 85 | 131 |
| Hex | AC | 55 | 83 |
RGB比率
CMYK比率
濃い色 #AC5583
淡い色 #AC5583
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#AC5583 の色 黒背景
#AC5583 の色 サンプルテキスト
#AC5583 の色 白背景
#AC5583 の色 サンプルテキスト
#AC5583 CSSコード
.background { background-color: #AC5583; }
.text { color: #AC5583; }
.border { border: 3px solid #AC5583; }
.shadow { box-shadow: 0 8px 28px rgba(172, 85, 131, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト4.79:1AA
黒とのコントラスト4.38:1大きな文字
Webセーフカラー#996699Near
輝度0.16910-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#AC5583 color
PortuguêsCor #AC5583
EspañolColor #AC5583
한국어#AC5583 색상
日本語#AC5583 の色
中文#AC5583 颜色
DeutschFarbe #AC5583
FrançaisCouleur #AC5583
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #AC5583 の色.
近い色
See ピンク系
Similar colors
マゼンタ haze
Magenta haze
Mystic maroon
Mystic Maroon
Mulberry
Mulberry
Twilight ラベンダー
Twilight lavender
Sugar plum
Sugar Plum
Smitten
Smitten
Boysenberry
Boysenberry
Maximum 赤 紫
Maximum Red Purple
マゼンタ-ピンク
Magenta-pink
ピンク (pantone)
Pink (Pantone)
Amaranth 深い 紫
Amaranth deep purple
Medium 赤-バイオレット
Medium red-violet