色変換

色変換 for #348EE0 の色

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

色空間

RGB52142224
HSL208.6°73.5%54.12%
HSV208.6°76.79%87.84%
CMYK76.79%36.61%0%12.16%
XYZ24.538625.45574.1266
Yxy25.4550.19770.2051
Hunter Lab50.4529-1.477-51.759
CIE-Lab57.51611.4964-49.1895
CIE-LCH57.516149.2123271.7425
CIE-LUV57.5161-31.2003-77.7368

基数表記

BaseRedGreenBlue
Binary001101001000111011100000
Octal64216340
Decimal52142224
Hex348EE0

RGB比率

Red
20%
Green
56%
Blue
88%

CMYK比率

Cyan
77%
Magenta
37%
Yellow
0%
Black
12%
調和

配色

#348EE0 の色 黒背景

#348EE0 の色 サンプルテキスト

#348EE0 の色 白背景

#348EE0 の色 サンプルテキスト

#348EE0 CSSコード

.background { background-color: #348EE0; }
.text { color: #348EE0; }
.border { border: 3px solid #348EE0; }
.shadow { box-shadow: 0 8px 28px rgba(52, 142, 224, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.45:1大きな文字
黒とのコントラスト6.09:1AA
Webセーフカラー#3399CCNear
輝度0.25460-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #348EE0 の色.

近い色

Similar colors

See 青系