DexBase Colors
#5285F0 の色 壁 #5285F0 Save image
色変換

色変換 for #5285F0 の色

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

色空間

RGB82133240
HSL220.63°84.04%63.14%
HSV220.63°65.83%94.12%
CMYK65.83%44.58%0%5.88%
XYZ27.589824.857585.7652
Yxy24.85750.19960.1798
Hunter Lab49.857311.5264-67.0514
CIE-Lab56.936316.6793-58.9535
CIE-LCH56.936361.2676285.7974
CIE-LUV56.9363-22.2469-94.8973

基数表記

BaseRedGreenBlue
Binary010100101000010111110000
Octal122205360
Decimal82133240
Hex5285F0

RGB比率

Red
32%
Green
52%
Blue
94%

CMYK比率

Cyan
66%
Magenta
45%
Yellow
0%
Black
6%
調和

配色

#5285F0 の色 黒背景

#5285F0 の色 サンプルテキスト

#5285F0 の色 白背景

#5285F0 の色 サンプルテキスト

#5285F0 CSSコード

.background { background-color: #5285F0; }
.text { color: #5285F0; }
.border { border: 3px solid #5285F0; }
.shadow { box-shadow: 0 8px 28px rgba(82, 133, 240, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト3.52:1大きな文字
黒とのコントラスト5.97:1AA
Webセーフカラー#6699FFNear
輝度0.24860-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5285F0 の色.

#5285F0 の色Medium slate 青Maximum 黄 赤Soap
近い色

Similar colors

See 青系
Blueberry Blueberry #4F86F7 青系 Cornflower 青 Cornflower blue #6495ED 青系 United nations 青 United Nations blue #5B92E5 青系 ロイヤル 青 Royal blue #4169E1 青系 Ultramarine 青 Ultramarine blue #4166F5 青系 青 (crayola) Blue (Crayola) #1F75FE 青系 Vista 青 Vista blue #7C9ED9 青系 Han 青 Han blue #446CCF 青系 青 (ryb) Blue (RYB) #0247FE 青系 New car New Car #214FC6 青系 Jordy 青 Jordy blue #8AB9F1 青系 Little boy 青 Little boy blue #6CA0DC 青系