DexBase Colors
#369BD2 の色 壁 #369BD2 Save image
色変換

色変換 for #369BD2 の色

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

色空間

RGB54155210
HSL201.15°63.41%51.76%
HSV201.15°74.29%82.35%
CMYK74.29%26.19%0%17.65%
XYZ24.870928.877265.2233
Yxy28.87720.2090.2427
Hunter Lab53.7375-11.4276-34.3181
CIE-Lab60.6731-10.6807-36.3998
CIE-LCH60.673137.9345253.6469
CIE-LUV60.6731-36.0097-55.8124

基数表記

BaseRedGreenBlue
Binary001101101001101111010010
Octal66233322
Decimal54155210
Hex369BD2

RGB比率

Red
21%
Green
61%
Blue
82%

CMYK比率

Cyan
74%
Magenta
26%
Yellow
0%
Black
18%
調和

配色

#369BD2 の色 黒背景

#369BD2 の色 サンプルテキスト

#369BD2 の色 白背景

#369BD2 の色 サンプルテキスト

#369BD2 CSSコード

.background { background-color: #369BD2; }
.text { color: #369BD2; }
.border { border: 3px solid #369BD2; }
.shadow { box-shadow: 0 8px 28px rgba(54, 155, 210, 0.35); }
CSSプレビュー

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #369BD2 の色.

#369BD2 の色バイオレット-青オレンジ (pantone)Glitter
近い色

Similar colors

See 青系
Celestial 青 Celestial blue #4997D0 青系 Carolina 青 Carolina blue #56A0D3 青系 Picton 青 Picton blue #45B1E8 青系 Maximum 青 Maximum Blue #47ABCC 青系 シアン cornflower 青 Cyan cornflower blue #188BC2 青系 明るい cornflower 青 Light cornflower blue #93CCEA 青系 Air force 青 (raf) Air Force blue (RAF) #5D8AA8 青系 Rackley Rackley #5D8AA8 青系 Moonstone 青 Moonstone blue #73A9C2 青系 Battery charged 青 Battery Charged Blue #1DACD6 シアン系 Bright cerulean Bright cerulean #1DACD6 シアン系 Steel 青 Steel blue #4682B4 青系