色変換
色変換 for #A229AE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 162 | 41 | 174 | |
|---|---|---|---|---|
| HSL | 294.59° | 61.86% | 42.16% | |
| HSV | 294.59° | 76.44% | 68.24% | |
| CMYK | 6.9% | 76.44% | 0% | 31.76% |
| XYZ | 23.3326 | 12.3247 | 41.1861 | |
| Yxy | 12.3247 | 0.3036 | 0.1604 | |
| Hunter Lab | 35.1066 | 57.1977 | -44.9557 | |
| CIE-Lab | 41.7276 | 64.2467 | -45.1114 | |
| CIE-LCH | 41.7276 | 78.5027 | 324.925 | |
| CIE-LUV | 41.7276 | 45.2834 | -72.6855 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 10100010 | 00101001 | 10101110 |
| Octal | 242 | 51 | 256 |
| Decimal | 162 | 41 | 174 |
| Hex | A2 | 29 | AE |
RGB比率
CMYK比率
濃い色 #A229AE
淡い色 #A229AE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#A229AE の色 黒背景
#A229AE の色 サンプルテキスト
#A229AE の色 白背景
#A229AE の色 サンプルテキスト
#A229AE CSSコード
.background { background-color: #A229AE; }
.text { color: #A229AE; }
.border { border: 3px solid #A229AE; }
.shadow { box-shadow: 0 8px 28px rgba(162, 41, 174, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト6.06:1AA
黒とのコントラスト3.46:1大きな文字
Webセーフカラー#993399Near
輝度0.12320-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#A229AE color
PortuguêsCor #A229AE
EspañolColor #A229AE
한국어#A229AE 색상
日本語#A229AE の色
中文#A229AE 颜色
DeutschFarbe #A229AE
FrançaisCouleur #A229AE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #A229AE の色.
近い色
See ピンク系
Similar colors
Steel ピンク
Steel pink
Heliotrope マゼンタ
Heliotrope magenta
Maximum 紫
Maximum Purple
Chinese バイオレット
Chinese violet
Midnight
Midnight
深い fuchsia
Deep fuchsia
Fuchsia (crayola)
Fuchsia (Crayola)
Medium orchid
Medium orchid
深い マゼンタ
Deep magenta
Phlox
Phlox
Psychedelic 紫
Psychedelic purple
Purpureus
Purpureus