色変換

色変換 for #33B5F1 の色

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

色空間

RGB51181241
HSL198.95°87.16%57.25%
HSV198.95°78.84%94.51%
CMYK78.84%24.9%0%5.49%
XYZ33.759940.098389.1625
Yxy40.09830.20710.246
Hunter Lab63.3232-15.6516-39.1246
CIE-Lab69.5395-14.6061-39.6312
CIE-LCH69.539542.2371249.7686
CIE-LUV69.5395-43.6171-61.9813

基数表記

BaseRedGreenBlue
Binary001100111011010111110001
Octal63265361
Decimal51181241
Hex33B5F1

RGB比率

Red
20%
Green
71%
Blue
95%

CMYK比率

Cyan
79%
Magenta
25%
Yellow
0%
Black
5%
調和

配色

#33B5F1 の色 黒背景

#33B5F1 の色 サンプルテキスト

#33B5F1 の色 白背景

#33B5F1 の色 サンプルテキスト

#33B5F1 CSSコード

.background { background-color: #33B5F1; }
.text { color: #33B5F1; }
.border { border: 3px solid #33B5F1; }
.shadow { box-shadow: 0 8px 28px rgba(51, 181, 241, 0.35); }
CSSプレビュー

アクセシビリティ

白とのコントラスト2.33:1低い
黒とのコントラスト9.02:1AAA
Webセーフカラー#33CCFFNear
輝度0.4010-1
言語

Color names in other languages

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

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

Nearby palette

Useful combinations for testing contrast, emphasis and visual harmony with #33B5F1 の色.

近い色

Similar colors

See 青系