#528efe hex color

In a RGB color space, hex #528efe is composed of 32.2% red, 55.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 67.7% cyan, 44.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 219.1 degrees, a saturation of 98.9% and a lightness of 65.9%. #528efe color hex could be obtained by blending #a4ffff with #001dfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 56
- B 100
RGB color chart
- C 68
- M 44
- Y 0
- K 0
CMYK color chart

● #528efe color description : Soft blue.

The hexadecimal color #528efe has RGB values of R:82, G:142, B:254 and CMYK values of C:0.68, M:0.44, Y:0, K:0. Its decimal value is 5410558.

Hex triplet	528efe	`#528efe`
RGB Decimal	82, 142, 254	`rgb(82,142,254)`
RGB Percent	32.2, 55.7, 99.6	`rgb(32.2%,55.7%,99.6%)`
CMYK	68, 44, 0, 0
HSL	219.1°, 98.9, 65.9	`hsl(219.1,98.9%,65.9%)`
HSV (or HSB)	219.1°, 67.7, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.153, 16.069, -61.531
XYZ	31.038, 28.294, 97.586
xyY	0.198, 0.18, 28.294
CIE-LCH	60.153, 63.594, 284.636
CIE-LUV	60.153, -24.949, -100.092
Hunter-Lab	53.192, 11.072, -71.54
Binary	01010010, 10001110, 11111110

#528efe
```
#528efe rgb(82,142,254)
```
#fec252
```
#fec252 rgb(254,194,82)
```

Complementary Color

#52e4fe
```
#52e4fe rgb(82,228,254)
```
#528efe
```
#528efe rgb(82,142,254)
```
#6c52fe
```
#6c52fe rgb(108,82,254)
```

Analogous Color

#e4fe52
```
#e4fe52 rgb(228,254,82)
```
#528efe
```
#528efe rgb(82,142,254)
```
#fe6c52
```
#fe6c52 rgb(254,108,82)
```

Split Complementary Color

#8efe52
```
#8efe52 rgb(142,254,82)
```
#528efe
```
#528efe rgb(82,142,254)
```
#fe528e
```
#fe528e rgb(254,82,142)
```

Triadic Color

#52fec2
```
#52fec2 rgb(82,254,194)
```
#528efe
```
#528efe rgb(82,142,254)
```
#fe528e
```
#fe528e rgb(254,82,142)
```
#fec252
```
#fec252 rgb(254,194,82)
```

Tetradic Color

#065cfe
```
#065cfe rgb(6,92,254)
```
#1f6dfe
```
#1f6dfe rgb(31,109,254)
```
#397dfe
```
#397dfe rgb(57,125,254)
```
#528efe
```
#528efe rgb(82,142,254)
```
#6b9ffe
```
#6b9ffe rgb(107,159,254)
```
#85affe
```
#85affe rgb(133,175,254)
```
#9ec0fe
```
#9ec0fe rgb(158,192,254)
```

Monochromatic Color

Below, you can see some colors close to #528efe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#52b9fe
```
#52b9fe rgb(82,185,254)
```
#52abfe
```
#52abfe rgb(82,171,254)
```
#529cfe
```
#529cfe rgb(82,156,254)
```
#528efe
```
#528efe rgb(82,142,254)
```
#5280fe
```
#5280fe rgb(82,128,254)
```
#5271fe
```
#5271fe rgb(82,113,254)
```
#5263fe
```
#5263fe rgb(82,99,254)
```

Similar Colors

Text with hexadecimal color #528efe

This text has a font color of #528efe.

<span style="color:#528efe;">Text here</span>

#528efe background color

This paragraph has a background color of #528efe.

<p style="background-color:#528efe;">Content here</p>

#528efe border color

This element has a border color of #528efe.

<div style="border:1px solid #528efe;">Content here</div>

CSS codes

.text {color:#528efe;}

.background {background-color:#528efe;}

.border {border:1px solid #528efe;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000103 is the darkest color, while #eef4ff is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#000816
```
#000816 rgb(0,8,22)
```
#000f2a
```
#000f2a rgb(0,15,42)
```
#00163d
```
#00163d rgb(0,22,61)
```
#001c51
```
#001c51 rgb(0,28,81)
```
#012364
```
#012364 rgb(1,35,100)
```
#012a78
```
#012a78 rgb(1,42,120)
```
#01318b
```
#01318b rgb(1,49,139)
```
#01389f
```
#01389f rgb(1,56,159)
```
#013fb2
```
#013fb2 rgb(1,63,178)
```
#0146c6
```
#0146c6 rgb(1,70,198)
```
#014dd9
```
#014dd9 rgb(1,77,217)
```
#0153ed
```
#0153ed rgb(1,83,237)
```

Shade Color Variation

#045bfe
```
#045bfe rgb(4,91,254)
```
#1768fe
```
#1768fe rgb(23,104,254)
```
#2b75fe
```
#2b75fe rgb(43,117,254)
```
#3e81fe
```
#3e81fe rgb(62,129,254)
```
#528efe
```
#528efe rgb(82,142,254)
```
#669bfe
```
#669bfe rgb(102,155,254)
```
#79a7fe
```
#79a7fe rgb(121,167,254)
```
#8db4fe
```
#8db4fe rgb(141,180,254)
```
#a0c1fe
```
#a0c1fe rgb(160,193,254)
```
#b4ceff
```
#b4ceff rgb(180,206,255)
```
#c7daff
```
#c7daff rgb(199,218,255)
```
#dbe7ff
```
#dbe7ff rgb(219,231,255)
```
#eef4ff
```
#eef4ff rgb(238,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a2a6ae is the less saturated color, while #528efe is the most saturated one.

#a2a6ae
```
#a2a6ae rgb(162,166,174)
```
#9ca4b4
```
#9ca4b4 rgb(156,164,180)
```
#95a2bb
```
#95a2bb rgb(149,162,187)
```
#8ea0c2
```
#8ea0c2 rgb(142,160,194)
```
#889ec8
```
#889ec8 rgb(136,158,200)
```
#819ccf
```
#819ccf rgb(129,156,207)
```
#7a9ad6
```
#7a9ad6 rgb(122,154,214)
```
#7398dd
```
#7398dd rgb(115,152,221)
```
#6d96e3
```
#6d96e3 rgb(109,150,227)
```
#6694ea
```
#6694ea rgb(102,148,234)
```
#5f92f1
```
#5f92f1 rgb(95,146,241)
```
#5990f7
```
#5990f7 rgb(89,144,247)
```
#528efe
```
#528efe rgb(82,142,254)
```

Tone Color Variation

Below, you can see how #528efe is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#898989 Achromatopsia 0.005% of the population
#7e8aa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f93fd Protanopia 1% of men
#2e98fb Deuteranopia 1% of men
#00a5b1 Tritanopia 0.001% of the population

Trichromacy

#5a91fd Protanomaly 1% of men, 0.01% of women
#3b94fc Deuteranomaly 6% of men, 0.4% of women
#1d9ccd Tritanomaly 0.01% of the population

#528efe hex color

#528efe Color Information

#528efe Color Conversion

Color Schemes with #528efe

Alternatives to #528efe

#528efe Preview

Shades and Tints of #528efe

Tones of #528efe

Color Blindness Simulator