DexBase Colors
#2277B8 の色 壁 #2277B8 Save image
色変換

色変換 for #2277B8 の色

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

色空間

RGB34119184
HSL206°68.81%42.75%
HSV206°81.52%72.16%
CMYK81.52%35.33%0%27.84%
XYZ15.904916.992547.7797
Yxy16.99250.19710.2106
Hunter Lab41.222-3.2673-39.8398
CIE-Lab48.2506-1.413-41.2048
CIE-LCH48.250641.229268.036
CIE-LUV48.2506-27.7361-62.1308

基数表記

BaseRedGreenBlue
Binary001000100111011110111000
Octal42167270
Decimal34119184
Hex2277B8

RGB比率

Red
13%
Green
47%
Blue
72%

CMYK比率

Cyan
82%
Magenta
35%
Yellow
0%
Black
28%
調和

配色

#2277B8 の色 黒背景

#2277B8 の色 サンプルテキスト

#2277B8 の色 白背景

#2277B8 の色 サンプルテキスト

#2277B8 CSSコード

.background { background-color: #2277B8; }
.text { color: #2277B8; }
.border { border: 3px solid #2277B8; }
.shadow { box-shadow: 0 8px 28px rgba(34, 119, 184, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト4.77:1AA
黒とのコントラスト4.4:1大きな文字
Webセーフカラー#3366CCNear
輝度0.16990-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #2277B8 の色.

#2277B8 の色GlitterAlloy オレンジラベンダー (web)
近い色

Similar colors

See 青系
Bright navy 青 Bright navy blue #1974D2 青系 Lapis lazuli Lapis lazuli #26619C 青系 緑-青 Green-blue #1164B4 青系 Celestial 青 Celestial blue #4997D0 青系 シアン cornflower 青 Cyan cornflower blue #188BC2 青系 True 青 True Blue #0073CF 青系 Steel 青 Steel blue #4682B4 青系 Tufts 青 Tufts Blue #3E8EDE 青系 Denim Denim #1560BD 青系 Carolina 青 Carolina blue #56A0D3 青系 Bleu de france Bleu de France #318CE7 青系 Aero Aero #7CB9E8 青系