色変換
色変換 for #AE225B の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 174 | 34 | 91 | |
|---|---|---|---|---|
| HSL | 335.57° | 67.31% | 40.78% | |
| HSV | 335.57° | 80.46% | 68.24% | |
| CMYK | 0% | 80.46% | 47.7% | 31.76% |
| XYZ | 19.9176 | 10.9008 | 10.9508 | |
| Yxy | 10.9008 | 0.4768 | 0.261 | |
| Hunter Lab | 33.0164 | 49.9032 | 3.454 | |
| CIE-Lab | 39.4129 | 58.1375 | 2.5304 | |
| CIE-LCH | 39.4129 | 58.1925 | 2.4922 | |
| CIE-LUV | 39.4129 | 87.3708 | -7.5464 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10101110 | 00100010 | 01011011 |
| Octal | 256 | 42 | 133 |
| Decimal | 174 | 34 | 91 |
| Hex | AE | 22 | 5B |
RGB比率
CMYK比率
濃い色 #AE225B
淡い色 #AE225B
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#AE225B の色 黒背景
#AE225B の色 サンプルテキスト
#AE225B の色 白背景
#AE225B の色 サンプルテキスト
#AE225B CSSコード
.background { background-color: #AE225B; }
.text { color: #AE225B; }
.border { border: 3px solid #AE225B; }
.shadow { box-shadow: 0 8px 28px rgba(174, 34, 91, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト6.6:1AA
黒とのコントラスト3.18:1大きな文字
Webセーフカラー#993366Near
輝度0.1090-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#AE225B color
PortuguêsCor #AE225B
EspañolColor #AE225B
한국어#AE225B 색상
日本語#AE225B の色
中文#AE225B 颜色
DeutschFarbe #AE225B
FrançaisCouleur #AE225B
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #AE225B の色.
近い色
See 赤系
Similar colors
Maroon (x11)
Maroon (X11)
Rich maroon
Rich maroon
Rose 赤
Rose red
Dogwood rose
Dogwood rose
Amaranth 紫
Amaranth purple
Telemagenta
Telemagenta
Pictorial carmine
Pictorial carmine
Ruby
Ruby
Medium ruby
Medium ruby
Fuchsia rose
Fuchsia rose
Quinacridone マゼンタ
Quinacridone magenta
French wine
French wine