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

色変換 for #369CD2 の色

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

色空間

RGB54156210
HSL200.77°63.41%51.76%
HSV200.77°74.29%82.35%
CMYK74.29%25.71%0%17.65%
XYZ25.03829.211465.279
Yxy29.21140.20950.2444
Hunter Lab54.0476-11.8923-33.7495
CIE-Lab60.9677-11.2361-35.9398
CIE-LCH60.967737.6553252.6388
CIE-LUV60.9677-36.3594-55.0229

基数表記

BaseRedGreenBlue
Binary001101101001110011010010
Octal66234322
Decimal54156210
Hex369CD2

RGB比率

Red
21%
Green
61%
Blue
82%

CMYK比率

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

配色

#369CD2 の色 黒背景

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

#369CD2 の色 白背景

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

#369CD2 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

#369CD2 の色バイオレット-青オレンジ (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 青系