DexBase Colors
#57678E の色 壁 #57678E Save image
色変換

色変換 for #57678E の色

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

色空間

RGB87103142
HSL222.55°24.02%44.9%
HSV222.55°38.73%55.69%
CMYK38.73%27.46%0%44.31%
XYZ13.661713.679127.5064
Yxy13.67910.24910.2494
Hunter Lab36.98531.21-18.1878
CIE-Lab43.76924.2883-23.381
CIE-LCH43.769223.771280.3931
CIE-LUV43.7692-9.3944-34.0405

基数表記

BaseRedGreenBlue
Binary010101110110011110001110
Octal127147216
Decimal87103142
Hex57678E

RGB比率

Red
34%
Green
40%
Blue
56%

CMYK比率

Cyan
39%
Magenta
27%
Yellow
0%
Black
44%
調和

配色

#57678E の色 黒背景

#57678E の色 サンプルテキスト

#57678E の色 白背景

#57678E の色 サンプルテキスト

#57678E CSSコード

.background { background-color: #57678E; }
.text { color: #57678E; }
.border { border: 3px solid #57678E; }
.shadow { box-shadow: 0 8px 28px rgba(87, 103, 142, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト5.62:1AA
黒とのコントラスト3.74:1大きな文字
Webセーフカラー#666699Near
輝度0.13680-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #57678E の色.

#57678E の色Plump 紫金 fusionToolbox
近い色

Similar colors

See 青系
Ucla 青 UCLA Blue #536895 青系 青 yonder Blue yonder #5072A7 青系 Roman 銀 Roman silver #838996 グレー系 Cerulean 青 Cerulean blue #2A52BE 青系 New car New Car #214FC6 青系 Han 青 Han blue #446CCF 青系 Independence Independence #4C516D 青系 バイオレット-青 Violet-blue #324AB2 青系 Glaucous Glaucous #6082B6 青系 Shadow 青 Shadow blue #778BA5 青系 Cool グレー Cool grey #8C92AC 青系 グレー-青 Gray-blue #8C92AC 青系