DexBase Colors
#5BA2C2 の色 壁 #5BA2C2 Save image
色変換

色変換 for #5BA2C2 の色

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

色空間

RGB91162194
HSL198.64°45.78%55.88%
HSV198.64°53.09%76.08%
CMYK53.09%16.49%0%23.92%
XYZ26.968731.957555.7757
Yxy31.95750.23510.2786
Hunter Lab56.531-13.7745-18.9033
CIE-Lab63.3077-13.2869-23.2889
CIE-LCH63.307726.8126240.2942
CIE-LUV63.3077-31.0329-34.0621

基数表記

BaseRedGreenBlue
Binary010110111010001011000010
Octal133242302
Decimal91162194
Hex5BA2C2

RGB比率

Red
36%
Green
64%
Blue
76%

CMYK比率

Cyan
53%
Magenta
16%
Yellow
0%
Black
24%
調和

配色

#5BA2C2 の色 黒背景

#5BA2C2 の色 サンプルテキスト

#5BA2C2 の色 白背景

#5BA2C2 の色 サンプルテキスト

#5BA2C2 CSSコード

.background { background-color: #5BA2C2; }
.text { color: #5BA2C2; }
.border { border: 3px solid #5BA2C2; }
.shadow { box-shadow: 0 8px 28px rgba(91, 162, 194, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.84:1低い
黒とのコントラスト7.39:1AAA
Webセーフカラー#6699CCNear
輝度0.31960-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #5BA2C2 の色.

#5BA2C2 の色Space cadet深い carrot オレンジDenim 青
近い色

Similar colors

See 青系
Moonstone 青 Moonstone blue #73A9C2 青系 暗い 空 青 Dark sky blue #8CBED6 青系 Maximum 青 Maximum Blue #47ABCC 青系 Carolina 青 Carolina blue #56A0D3 青系 Air superiority 青 Air superiority blue #72A0C1 青系 Celestial 青 Celestial blue #4997D0 青系 Pewter 青 Pewter Blue #8BA8B7 青系 Picton 青 Picton blue #45B1E8 青系 Air force 青 (raf) Air Force blue (RAF) #5D8AA8 青系 Rackley Rackley #5D8AA8 青系 Steel 青 Steel blue #4682B4 青系 Cerulean frost Cerulean frost #6D9BC3 青系