色変換
色変換 for #593CAE の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 89 | 60 | 174 | |
|---|---|---|---|---|
| HSL | 255.26° | 48.72% | 45.88% | |
| HSV | 255.26° | 65.52% | 68.24% | |
| CMYK | 48.85% | 65.52% | 0% | 31.76% |
| XYZ | 13.3735 | 8.411 | 40.955 | |
| Yxy | 8.411 | 0.2132 | 0.1341 | |
| Hunter Lab | 29.0017 | 31.5576 | -63.3928 | |
| CIE-Lab | 34.8246 | 40.9877 | -56.7421 | |
| CIE-LCH | 34.8246 | 69.9976 | 305.8425 | |
| CIE-LUV | 34.8246 | 2.7262 | -81.423 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01011001 | 00111100 | 10101110 |
| Octal | 131 | 74 | 256 |
| Decimal | 89 | 60 | 174 |
| Hex | 59 | 3C | AE |
RGB比率
CMYK比率
濃い色 #593CAE
淡い色 #593CAE
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#593CAE の色 黒背景
#593CAE の色 サンプルテキスト
#593CAE の色 白背景
#593CAE の色 サンプルテキスト
#593CAE CSSコード
.background { background-color: #593CAE; }
.text { color: #593CAE; }
.border { border: 3px solid #593CAE; }
.shadow { box-shadow: 0 8px 28px rgba(89, 60, 174, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト7.83:1AAA
黒とのコントラスト2.68:1低い
Webセーフカラー#663399Near
輝度0.08410-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#593CAE color
PortuguêsCor #593CAE
EspañolColor #593CAE
한국어#593CAE 색상
日本語#593CAE の色
中文#593CAE 颜色
DeutschFarbe #593CAE
FrançaisCouleur #593CAE
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #593CAE の色.
近い色
See 紫系
Similar colors
Plump 紫
Plump Purple
Ocean 青
Ocean Blue
青-マゼンタ バイオレット
Blue-magenta violet
Ube
Ube
暗い slate 青
Dark slate blue
Slate 青
Slate blue
Interdimensional 青
Interdimensional Blue
Middle 青 紫
Middle Blue Purple
Electric ultramarine
Electric ultramarine
Han 紫
Han purple
Spanish バイオレット
Spanish violet
Medium 紫
Medium purple