DexBase Colors
#5669C0 の色 壁 #5669C0 Save image
色変換

色変換 for #5669C0 の色

画面、塗料、パレット、デジタル素材を比較するための数値情報です。

色空間

RGB86105192
HSL229.25°45.69%54.51%
HSV229.25°55.21%75.29%
CMYK55.21%45.31%0%24.71%
XYZ18.400615.88651.9556
Yxy15.8860.21340.1842
Hunter Lab39.857212.6559-49.3567
CIE-Lab46.824618.4508-47.968
CIE-LCH46.824651.3942291.0391
CIE-LUV46.8246-11.8302-74.1304

基数表記

BaseRedGreenBlue
Binary010101100110100111000000
Octal126151300
Decimal86105192
Hex5669C0

RGB比率

Red
34%
Green
41%
Blue
75%

CMYK比率

Cyan
55%
Magenta
45%
Yellow
0%
Black
25%
調和

配色

#5669C0 の色 黒背景

#5669C0 の色 サンプルテキスト

#5669C0 の色 白背景

#5669C0 の色 サンプルテキスト

#5669C0 CSSコード

.background { background-color: #5669C0; }
.text { color: #5669C0; }
.border { border: 3px solid #5669C0; }
.shadow { box-shadow: 0 8px 28px rgba(86, 105, 192, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.03:1AA
黒とのコントラスト4.18:1大きな文字
Webセーフカラー#6666CCNear
輝度0.15890-1
言語

Color names in other languages

Use these names to compare international references, paint catalogs and design materials.

English#5669C0 color
PortuguêsCor #5669C0
EspañolColor #5669C0
한국어#5669C0 색상
日本語#5669C0 の色
中文#5669C0 颜色
DeutschFarbe #5669C0
FrançaisCouleur #5669C0
組み合わせ

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5669C0 の色.

#5669C0 の色青-マゼンタ バイオレットJonquilPlump 紫
近い色

Similar colors

See 青系
バイオレット-青 Violet-blue #324AB2 青系 Han 青 Han blue #446CCF 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 ロイヤル 青 Royal blue #4169E1 青系 Ceil Ceil #92A1CF 青系 Middle 黄 赤 Middle Yellow Red #ECB176 青系 Persian 青 Persian blue #1C39BB 青系 Liberty Liberty #545AA7 青系 Denim 青 Denim Blue #2243B6 青系 Palatinate 青 Palatinate blue #273BE2 青系 Cerulean 青 Cerulean blue #2A52BE 青系