色変換

色変換 for #309CE1 の色

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

色空間

RGB48156225
HSL203.39°74.68%53.53%
HSV203.39°78.67%88.24%
CMYK78.67%30.67%0%11.76%
XYZ26.692729.838375.5721
Yxy29.83830.20210.2259
Hunter Lab54.6244-8.3679-43.7576
CIE-Lab61.5145-6.6818-43.4321
CIE-LCH61.514543.9431261.2539
CIE-LUV61.5145-36.4051-68.1648

基数表記

BaseRedGreenBlue
Binary001100001001110011100001
Octal60234341
Decimal48156225
Hex309CE1

RGB比率

Red
19%
Green
61%
Blue
88%

CMYK比率

Cyan
79%
Magenta
31%
Yellow
0%
Black
12%
調和

配色

#309CE1 の色 黒背景

#309CE1 の色 サンプルテキスト

#309CE1 の色 白背景

#309CE1 の色 サンプルテキスト

#309CE1 CSSコード

.background { background-color: #309CE1; }
.text { color: #309CE1; }
.border { border: 3px solid #309CE1; }
.shadow { box-shadow: 0 8px 28px rgba(48, 156, 225, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #309CE1 の色.

近い色

Similar colors

See 青系