DexBase Colors
#678DC5 の色 壁 #678DC5 Save image
色変換

色変換 for #678DC5 の色

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

色空間

RGB103141197
HSL215.74°44.76%58.82%
HSV215.74°47.72%77.25%
CMYK47.72%28.43%0%22.75%
XYZ25.193125.962956.4963
Yxy25.96290.2340.2412
Hunter Lab50.9538-0.9141-30.0459
CIE-Lab58.00182.2086-33.1233
CIE-LCH58.001833.1969273.8147
CIE-LUV58.0018-19.0929-51.5067

基数表記

BaseRedGreenBlue
Binary011001111000110111000101
Octal147215305
Decimal103141197
Hex678DC5

RGB比率

Red
40%
Green
55%
Blue
77%

CMYK比率

Cyan
48%
Magenta
28%
Yellow
0%
Black
23%
調和

配色

#678DC5 の色 黒背景

#678DC5 の色 サンプルテキスト

#678DC5 の色 白背景

#678DC5 の色 サンプルテキスト

#678DC5 CSSコード

.background { background-color: #678DC5; }
.text { color: #678DC5; }
.border { border: 3px solid #678DC5; }
.shadow { box-shadow: 0 8px 28px rgba(103, 141, 197, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.39:1大きな文字
黒とのコントラスト6.19:1AA
Webセーフカラー#6699CCNear
輝度0.25960-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #678DC5 の色.

#678DC5 の色ToolboxSunray青 (pigment)
近い色

Similar colors

See 青系
Glaucous Glaucous #6082B6 青系 暗い pastel 青 Dark pastel blue #779ECB 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 青-グレー Blue-gray #6699CC 青系 Livid Livid #6699CC 青系 Vista 青 Vista blue #7C9ED9 青系 青 yonder Blue yonder #5072A7 青系 United nations 青 United Nations blue #5B92E5 青系 Cerulean frost Cerulean frost #6D9BC3 青系 Shadow 青 Shadow blue #778BA5 青系 明るい cobalt 青 Light cobalt blue #88ACE0 青系 Little boy 青 Little boy blue #6CA0DC 青系