色変換

色変換 for #3F86E4 の色

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

色空間

RGB63134228
HSL214.18°75.34%57.06%
HSV214.18°72.37%89.41%
CMYK72.37%41.23%0%10.59%
XYZ24.573423.705776.6643
Yxy23.70570.19670.1897
Hunter Lab48.68854.8845-59.2388
CIE-Lab55.79199.0786-54.1475
CIE-LCH55.791954.9033279.5179
CIE-LUV55.7919-26.6494-86.0686

基数表記

BaseRedGreenBlue
Binary001111111000011011100100
Octal77206344
Decimal63134228
Hex3F86E4

RGB比率

Red
25%
Green
53%
Blue
89%

CMYK比率

Cyan
72%
Magenta
41%
Yellow
0%
Black
11%
調和

配色

#3F86E4 の色 黒背景

#3F86E4 の色 サンプルテキスト

#3F86E4 の色 白背景

#3F86E4 の色 サンプルテキスト

#3F86E4 CSSコード

.background { background-color: #3F86E4; }
.text { color: #3F86E4; }
.border { border: 3px solid #3F86E4; }
.shadow { box-shadow: 0 8px 28px rgba(63, 134, 228, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3F86E4 の色.

近い色

Similar colors

See 青系