DexBase Colors
#5563BF の色 壁 #5563BF Save image
色変換

色変換 for #5563BF の色

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

色空間

RGB8599191
HSL232.08°45.3%54.12%
HSV232.08°55.5%74.9%
CMYK55.5%48.17%0%25.1%
XYZ17.609114.615351.1732
Yxy14.61530.21110.1752
Hunter Lab38.2315.3158-52.5713
CIE-Lab45.102721.6643-50.1482
CIE-LCH45.102754.6277293.3646
CIE-LUV45.1027-10.2019-77.0267

基数表記

BaseRedGreenBlue
Binary010101010110001110111111
Octal125143277
Decimal8599191
Hex5563BF

RGB比率

Red
33%
Green
39%
Blue
75%

CMYK比率

Cyan
56%
Magenta
48%
Yellow
0%
Black
25%
調和

配色

#5563BF の色 黒背景

#5563BF の色 サンプルテキスト

#5563BF の色 白背景

#5563BF の色 サンプルテキスト

#5563BF CSSコード

.background { background-color: #5563BF; }
.text { color: #5563BF; }
.border { border: 3px solid #5563BF; }
.shadow { box-shadow: 0 8px 28px rgba(85, 99, 191, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5563BF の色.

#5563BF の色明るい pastel 紫金色 黄暗い pastel 紫
近い色

Similar colors

See 青系
Middle 黄 赤 Middle Yellow Red #ECB176 青系 Liberty Liberty #545AA7 青系 バイオレット-青 Violet-blue #324AB2 青系 Palatinate 青 Palatinate blue #273BE2 青系 Han 青 Han blue #446CCF 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系 Manatee Manatee #979AAA グレー系 Ceil Ceil #92A1CF 青系 ロイヤル 青 Royal blue #4169E1 青系 青 (pigment) Blue (pigment) #333399 青系 紫 navy Purple navy #4E5180 青系