色変換

色変換 for #3897F2 の色

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

色空間

RGB56151242
HSL209.35°87.74%58.43%
HSV209.35°76.86%94.9%
CMYK76.86%37.6%0%5.1%
XYZ28.718429.381488.1448
Yxy29.38140.19640.2009
Hunter Lab54.2046-0.2869-58.4334
CIE-Lab61.11683.1141-53.4385
CIE-LCH61.116853.5292273.3351
CIE-LUV61.1168-32.821-85.8174

基数表記

BaseRedGreenBlue
Binary001110001001011111110010
Octal70227362
Decimal56151242
Hex3897F2

RGB比率

Red
22%
Green
59%
Blue
95%

CMYK比率

Cyan
77%
Magenta
38%
Yellow
0%
Black
5%
調和

配色

#3897F2 の色 黒背景

#3897F2 の色 サンプルテキスト

#3897F2 の色 白背景

#3897F2 の色 サンプルテキスト

#3897F2 CSSコード

.background { background-color: #3897F2; }
.text { color: #3897F2; }
.border { border: 3px solid #3897F2; }
.shadow { box-shadow: 0 8px 28px rgba(56, 151, 242, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.05:1大きな文字
黒とのコントラスト6.88:1AA
Webセーフカラー#3399FFNear
輝度0.29380-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3897F2 の色.

近い色

Similar colors

See 青系