色変換
色変換 for #5734B5 の色
画面、塗料、パレット、デジタル素材を比較するための数値情報です。
色空間
| RGB | 87 | 52 | 181 | |
|---|---|---|---|---|
| HSL | 256.28° | 55.36% | 45.69% | |
| HSV | 256.28° | 71.27% | 70.98% | |
| CMYK | 51.93% | 71.27% | 0% | 29.02% |
| XYZ | 13.4965 | 7.8178 | 44.5049 | |
| Yxy | 7.8178 | 0.2051 | 0.1188 | |
| Hunter Lab | 27.9603 | 37.231 | -74.7637 | |
| CIE-Lab | 33.6005 | 47.0587 | -62.9088 | |
| CIE-LCH | 33.6005 | 78.5623 | 306.7982 | |
| CIE-LUV | 33.6005 | 2.8119 | -88.279 |
基数表記
| Base | Red | Green | Blue |
|---|---|---|---|
| Binary | 01010111 | 00110100 | 10110101 |
| Octal | 127 | 64 | 265 |
| Decimal | 87 | 52 | 181 |
| Hex | 57 | 34 | B5 |
RGB比率
CMYK比率
濃い色 #5734B5
淡い色 #5734B5
調和
配色
Complementary
Analogous
Triadic
Split complementary
Tetradic
Rectangle
Monochromatic
#5734B5 の色 黒背景
#5734B5 の色 サンプルテキスト
#5734B5 の色 白背景
#5734B5 の色 サンプルテキスト
#5734B5 CSSコード
.background { background-color: #5734B5; }
.text { color: #5734B5; }
.border { border: 3px solid #5734B5; }
.shadow { box-shadow: 0 8px 28px rgba(87, 52, 181, 0.35); }CSSプレビュー
アクセシビリティ
白とのコントラスト8.19:1AAA
黒とのコントラスト2.56:1低い
Webセーフカラー#6633CCNear
輝度0.07820-1
言語
Color names in other languages
Use these names to compare international references, paint catalogs and design materials.
English#5734B5 color
PortuguêsCor #5734B5
EspañolColor #5734B5
한국어#5734B5 색상
日本語#5734B5 の色
中文#5734B5 颜色
DeutschFarbe #5734B5
FrançaisCouleur #5734B5
組み合わせ
Nearby palette
Useful combinations for testing contrast, emphasis and visual harmony with #5734B5 の色.
近い色
See 紫系
Similar colors
Plump 紫
Plump Purple
青-マゼンタ バイオレット
Blue-magenta violet
Ocean 青
Ocean Blue
Interdimensional 青
Interdimensional Blue
Medium 紫
Medium purple
Slate 青
Slate blue
Electric ultramarine
Electric ultramarine
Ube
Ube
Spanish バイオレット
Spanish violet
Middle 青 紫
Middle Blue Purple
Han 紫
Han purple
暗い slate 青
Dark slate blue