DexBase Colors
#3181E0 の色 壁 #3181E0 Save image
色変換

色変換 for #3181E0 の色

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

色空間

RGB49129224
HSL212.57°73.84%53.53%
HSV212.57°78.13%87.84%
CMYK78.13%42.41%0%12.16%
XYZ22.566421.732673.512
Yxy21.73260.19150.1845
Hunter Lab46.61824.8235-60.8246
CIE-Lab53.74218.9947-55.2087
CIE-LCH53.742155.9366279.2534
CIE-LUV53.7421-27.4054-87.0809

基数表記

BaseRedGreenBlue
Binary001100011000000111100000
Octal61201340
Decimal49129224
Hex3181E0

RGB比率

Red
19%
Green
51%
Blue
88%

CMYK比率

Cyan
78%
Magenta
42%
Yellow
0%
Black
12%
調和

配色

#3181E0 の色 黒背景

#3181E0 の色 サンプルテキスト

#3181E0 の色 白背景

#3181E0 の色 サンプルテキスト

#3181E0 CSSコード

.background { background-color: #3181E0; }
.text { color: #3181E0; }
.border { border: 3px solid #3181E0; }
.shadow { box-shadow: 0 8px 28px rgba(49, 129, 224, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #3181E0 の色.

#3181E0 の色ラベンダー (web)Carrot オレンジUltramarine
近い色

Similar colors

See 青系
Tufts 青 Tufts Blue #3E8EDE 青系 Bleu de france Bleu de France #318CE7 青系 Denim Denim #1560BD 青系 United nations 青 United Nations blue #5B92E5 青系 Bright navy 青 Bright navy blue #1974D2 青系 Little boy 青 Little boy blue #6CA0DC 青系 Brandeis 青 Brandeis blue #0070FF 青系 銀 lake 青 Silver Lake blue #5D89BA 青系 Jordy 青 Jordy blue #8AB9F1 青系 Dodger 青 Dodger blue #1E90FF 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 青 (crayola) Blue (Crayola) #1F75FE 青系