色変換
色変換 for #54457C の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 84 | 69 | 124 | |
|---|---|---|---|---|
| HSL | 256.36° | 28.5% | 37.84% | |
| HSV | 256.36° | 44.35% | 48.63% | |
| CMYK | 32.26% | 44.35% | 0% | 51.37% |
| XYZ | 9.4215 | 7.5962 | 20.0347 | |
| Yxy | 7.5962 | 0.2543 | 0.205 | |
| Hunter Lab | 27.5612 | 12.7857 | -23.7892 | |
| CIE-Lab | 33.1274 | 19.6444 | -29.0528 | |
| CIE-LCH | 33.1274 | 35.0709 | 304.0651 | |
| CIE-LUV | 33.1274 | 3.2595 | -41.2167 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010100 | 01000101 | 01111100 |
| Octal | 124 | 105 | 174 |
| Decimal | 84 | 69 | 124 |
| Hex | 54 | 45 | 7C |
RGB比率
CMYK比率
濃い色 #54457C
淡い色 #54457C
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#54457C の色 黒背景
#54457C の色 サンプルテキスト
#54457C の色 白背景
#54457C の色 サンプルテキスト
#54457C CSSコード
.background { background-color: #54457C; }
.text { color: #54457C; }
.border { border: 3px solid #54457C; }
.shadow { box-shadow: 0 8px 28px rgba(84, 69, 124, 0.35); }
CSSプレビュー
アクセシビリティ
白とのコントラスト8.33:1AAA
黒とのコントラスト2.52:1低い
Webセーフカラー#663366Near
輝度0.0760-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#54457C color
PortuguêsCor #54457C
EspañolColor #54457C
한국어#54457C 색상
日本語#54457C の色
中文#54457C 颜色
DeutschFarbe #54457C
FrançaisCouleur #54457C
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #54457C の色.
近い色
See 紫系