#528aea hex color

In a RGB color space, hex #528aea is composed of 32.2% red, 54.1% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 41% magenta, 0% yellow and 8.2% black. It has a hue angle of 217.9 degrees, a saturation of 78.4% and a lightness of 62%. #528aea color hex could be obtained by blending #a4ffff with #0015d5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 54
- B 92
RGB color chart
- C 65
- M 41
- Y 0
- K 8
CMYK color chart

● #528aea color description : Soft blue.

The hexadecimal color #528aea has RGB values of R:82, G:138, B:234 and CMYK values of C:0.65, M:0.41, Y:0, K:0.08. Its decimal value is 5409514.

Hex triplet	528aea	`#528aea`
RGB Decimal	82, 138, 234	`rgb(82,138,234)`
RGB Percent	32.2, 54.1, 91.8	`rgb(32.2%,54.1%,91.8%)`
CMYK	65, 41, 0, 8
HSL	217.9°, 78.4, 62	`hsl(217.9,78.4%,62%)`
HSV (or HSB)	217.9°, 65, 91.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	57.951, 11.609, -54.011
XYZ	27.416, 25.91, 81.394
xyY	0.204, 0.192, 25.91
CIE-LCH	57.951, 55.244, 282.131
CIE-LUV	57.951, -23.913, -86.752
Hunter-Lab	50.901, 7.065, -59.176
Binary	01010010, 10001010, 11101010

#528aea
```
#528aea rgb(82,138,234)
```
#eab252
```
#eab252 rgb(234,178,82)
```

Complementary Color

#52d6ea
```
#52d6ea rgb(82,214,234)
```
#528aea
```
#528aea rgb(82,138,234)
```
#6652ea
```
#6652ea rgb(102,82,234)
```

Analogous Color

#d6ea52
```
#d6ea52 rgb(214,234,82)
```
#528aea
```
#528aea rgb(82,138,234)
```
#ea6652
```
#ea6652 rgb(234,102,82)
```

Split Complementary Color

#8aea52
```
#8aea52 rgb(138,234,82)
```
#528aea
```
#528aea rgb(82,138,234)
```
#ea528a
```
#ea528a rgb(234,82,138)
```

Triadic Color

#52eab2
```
#52eab2 rgb(82,234,178)
```
#528aea
```
#528aea rgb(82,138,234)
```
#ea528a
```
#ea528a rgb(234,82,138)
```
#eab252
```
#eab252 rgb(234,178,82)
```

Tetradic Color

#1a5fd6
```
#1a5fd6 rgb(26,95,214)
```
#256be4
```
#256be4 rgb(37,107,228)
```
#3b7be7
```
#3b7be7 rgb(59,123,231)
```
#528aea
```
#528aea rgb(82,138,234)
```
#6999ed
```
#6999ed rgb(105,153,237)
```
#7fa9f0
```
#7fa9f0 rgb(127,169,240)
```
#96b8f2
```
#96b8f2 rgb(150,184,242)
```

Monochromatic Color

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

#52b0ea
```
#52b0ea rgb(82,176,234)
```
#52a3ea
```
#52a3ea rgb(82,163,234)
```
#5297ea
```
#5297ea rgb(82,151,234)
```
#528aea
```
#528aea rgb(82,138,234)
```
#527dea
```
#527dea rgb(82,125,234)
```
#5271ea
```
#5271ea rgb(82,113,234)
```
#5264ea
```
#5264ea rgb(82,100,234)
```

Similar Colors

Text with hexadecimal color #528aea

This text has a font color of #528aea.

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

#528aea background color

This paragraph has a background color of #528aea.

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

#528aea border color

This element has a border color of #528aea.

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

CSS codes

.text {color:#528aea;}

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

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

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, #000102 is the darkest color, while #eff4fd is the lightest one.

#000102
```
#000102 rgb(0,1,2)
```
#020913
```
#020913 rgb(2,9,19)
```
#041025
```
#041025 rgb(4,16,37)
```
#071836
```
#071836 rgb(7,24,54)
```
#092048
```
#092048 rgb(9,32,72)
```
#0b2859
```
#0b2859 rgb(11,40,89)
```
#0d306b
```
#0d306b rgb(13,48,107)
```
#0f377c
```
#0f377c rgb(15,55,124)
```
#113f8e
```
#113f8e rgb(17,63,142)
```
#13479f
```
#13479f rgb(19,71,159)
```
#154fb1
```
#154fb1 rgb(21,79,177)
```
#1856c2
```
#1856c2 rgb(24,86,194)
```
#1a5ed4
```
#1a5ed4 rgb(26,94,212)
```

Shade Color Variation

#1e67e4
```
#1e67e4 rgb(30,103,228)
```
#2f72e6
```
#2f72e6 rgb(47,114,230)
```
#417ee8
```
#417ee8 rgb(65,126,232)
```
#528aea
```
#528aea rgb(82,138,234)
```
#6396ec
```
#6396ec rgb(99,150,236)
```
#75a2ee
```
#75a2ee rgb(117,162,238)
```
#86adf0
```
#86adf0 rgb(134,173,240)
```
#98b9f2
```
#98b9f2 rgb(152,185,242)
```
#a9c5f5
```
#a9c5f5 rgb(169,197,245)
```
#bbd1f7
```
#bbd1f7 rgb(187,209,247)
```
#ccddf9
```
#ccddf9 rgb(204,221,249)
```
#dee9fb
```
#dee9fb rgb(222,233,251)
```
#eff4fd
```
#eff4fd rgb(239,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9d9e9f is the less saturated color, while #4386f9 is the most saturated one.

#9d9e9f
```
#9d9e9f rgb(157,158,159)
```
#959ca7
```
#959ca7 rgb(149,156,167)
```
#8e9aae
```
#8e9aae rgb(142,154,174)
```
#8698b6
```
#8698b6 rgb(134,152,182)
```
#7f96bd
```
#7f96bd rgb(127,150,189)
```
#7794c5
```
#7794c5 rgb(119,148,197)
```
#7092cc
```
#7092cc rgb(112,146,204)
```
#6890d4
```
#6890d4 rgb(104,144,212)
```
#618edb
```
#618edb rgb(97,142,219)
```
#598ce3
```
#598ce3 rgb(89,140,227)
```
#528aea
```
#528aea rgb(82,138,234)
```
#4b88f1
```
#4b88f1 rgb(75,136,241)
```
#4386f9
```
#4386f9 rgb(67,134,249)
```

Tone Color Variation

Below, you can see how #528aea 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

#848484 Achromatopsia 0.005% of the population
#7a8598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#678ee9 Protanopia 1% of men
#4a92ea Deuteranopia 1% of men
#1f9eaa Tritanopia 0.001% of the population

Trichromacy

#5f8ce9 Protanomaly 1% of men, 0.01% of women
#4d8fea Deuteranomaly 6% of men, 0.4% of women
#3297c1 Tritanomaly 0.01% of the population

#528aea hex color

#528aea Color Information

#528aea Color Conversion

Color Schemes with #528aea

Alternatives to #528aea

#528aea Preview

Shades and Tints of #528aea

Tones of #528aea

Color Blindness Simulator