色変換

色変換 for #369DD0 の色

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

色空間

RGB54157208
HSL199.87°62.1%51.37%
HSV199.87°74.04%81.57%
CMYK74.04%24.52%0%18.43%
XYZ24.958929.449464.0312
Yxy29.44940.21070.2486
Hunter Lab54.2673-12.8718-31.9431
CIE-Lab61.1762-12.4725-34.4989
CIE-LCH61.176236.6843250.1234
CIE-LUV61.1762-36.8194-52.5036

基数表記

BaseRedGreenBlue
Binary001101101001110111010000
Octal66235320
Decimal54157208
Hex369DD0

RGB比率

Red
21%
Green
62%
Blue
82%

CMYK比率

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

配色

#369DD0 の色 黒背景

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

#369DD0 の色 白背景

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

#369DD0 CSSコード

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

アクセシビリティ

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

Color names in other languages

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

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

Nearby palette

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

近い色

Similar colors

See 青系