DexBase Colors
#2E7AB5 の色 壁 #2E7AB5 Save image
色変換

色変換 for #2E7AB5 の色

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

色空間

RGB46122181
HSL206.22°59.47%44.51%
HSV206.22°74.59%70.98%
CMYK74.59%32.6%0%29.02%
XYZ16.423517.834246.2839
Yxy17.83420.20390.2214
Hunter Lab42.2306-4.4852-35.3939
CIE-Lab49.2944-2.9495-37.8023
CIE-LCH49.294437.9172265.5386
CIE-LUV49.2944-27.2076-56.8383

基数表記

BaseRedGreenBlue
Binary001011100111101010110101
Octal56172265
Decimal46122181
Hex2E7AB5

RGB比率

Red
18%
Green
48%
Blue
71%

CMYK比率

Cyan
75%
Magenta
33%
Yellow
0%
Black
29%
調和

配色

#2E7AB5 の色 黒背景

#2E7AB5 の色 サンプルテキスト

#2E7AB5 の色 白背景

#2E7AB5 の色 サンプルテキスト

#2E7AB5 CSSコード

.background { background-color: #2E7AB5; }
.text { color: #2E7AB5; }
.border { border: 3px solid #2E7AB5; }
.shadow { box-shadow: 0 8px 28px rgba(46, 122, 181, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.6:1AA
黒とのコントラスト4.57:1AA
Webセーフカラー#3366CCNear
輝度0.17840-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #2E7AB5 の色.

#2E7AB5 の色GlitterRuddy 茶色バイオレット-青
近い色

Similar colors

See 青系
Celestial 青 Celestial blue #4997D0 青系 Steel 青 Steel blue #4682B4 青系 Lapis lazuli Lapis lazuli #26619C 青系 Carolina 青 Carolina blue #56A0D3 青系 シアン-青 azure Cyan-blue azure #4682BF 青系 Bright navy 青 Bright navy blue #1974D2 青系 シアン azure Cyan azure #4E82B4 青系 Iceberg Iceberg #71A6D2 青系 Queen 青 Queen blue #436B95 青系 緑-青 Green-blue #1164B4 青系 Tufts 青 Tufts Blue #3E8EDE 青系 Air force 青 (raf) Air Force blue (RAF) #5D8AA8 青系