#5288e4 hex color

In a RGB color space, hex #5288e4 is composed of 32.2% red, 53.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 40.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 217.8 degrees, a saturation of 73% and a lightness of 60.8%. #5288e4 color hex could be obtained by blending #a4ffff with #0011c9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 32
- G 53
- B 89
RGB color chart
- C 64
- M 40
- Y 0
- K 11
CMYK color chart

● #5288e4 color description : Soft blue.

The hexadecimal color #5288e4 has RGB values of R:82, G:136, B:228 and CMYK values of C:0.64, M:0.4, Y:0, K:0.11. Its decimal value is 5408996.

Hex triplet	5288e4	`#5288e4`
RGB Decimal	82, 136, 228	`rgb(82,136,228)`
RGB Percent	32.2, 53.3, 89.4	`rgb(32.2%,53.3%,89.4%)`
CMYK	64, 40, 0, 11
HSL	217.8°, 73, 60.8	`hsl(217.8,73%,60.8%)`
HSV (or HSB)	217.8°, 64, 89.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.077, 10.765, -52.063
XYZ	26.284, 25.002, 76.835
xyY	0.205, 0.195, 25.002
CIE-LCH	57.077, 53.165, 281.683
CIE-LUV	57.077, -23.325, -83.249
Hunter-Lab	50.002, 6.328, -56.106
Binary	01010010, 10001000, 11100100

#5288e4
```
#5288e4 rgb(82,136,228)
```
#e4ae52
```
#e4ae52 rgb(228,174,82)
```

Complementary Color

#52d1e4
```
#52d1e4 rgb(82,209,228)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#6552e4
```
#6552e4 rgb(101,82,228)
```

Analogous Color

#d1e452
```
#d1e452 rgb(209,228,82)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#e46552
```
#e46552 rgb(228,101,82)
```

Split Complementary Color

#88e452
```
#88e452 rgb(136,228,82)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#e45288
```
#e45288 rgb(228,82,136)
```

Triadic Color

#52e4ae
```
#52e4ae rgb(82,228,174)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#e45288
```
#e45288 rgb(228,82,136)
```
#e4ae52
```
#e4ae52 rgb(228,174,82)
```

Tetradic Color

#205fca
```
#205fca rgb(32,95,202)
```
#266add
```
#266add rgb(38,106,221)
```
#3c79e1
```
#3c79e1 rgb(60,121,225)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#6897e7
```
#6897e7 rgb(104,151,231)
```
#7ea6eb
```
#7ea6eb rgb(126,166,235)
```
#94b6ee
```
#94b6ee rgb(148,182,238)
```

Monochromatic Color

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

#52ade4
```
#52ade4 rgb(82,173,228)
```
#52a0e4
```
#52a0e4 rgb(82,160,228)
```
#5294e4
```
#5294e4 rgb(82,148,228)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#527ce4
```
#527ce4 rgb(82,124,228)
```
#5270e4
```
#5270e4 rgb(82,112,228)
```
#5264e4
```
#5264e4 rgb(82,100,228)
```

Similar Colors

Text with hexadecimal color #5288e4

This text has a font color of #5288e4.

<span style="color:#5288e4;">Text here</span>

#5288e4 background color

This paragraph has a background color of #5288e4.

<p style="background-color:#5288e4;">Content here</p>

#5288e4 border color

This element has a border color of #5288e4.

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

CSS codes

.text {color:#5288e4;}

.background {background-color:#5288e4;}

.border {border:1px solid #5288e4;}

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, #02060e is the darkest color, while #fcfdfe is the lightest one.

#02060e
```
#02060e rgb(2,6,14)
```
#050e1f
```
#050e1f rgb(5,14,31)
```
#071630
```
#071630 rgb(7,22,48)
```
#0a1e41
```
#0a1e41 rgb(10,30,65)
```
#0d2652
```
#0d2652 rgb(13,38,82)
```
#0f2e62
```
#0f2e62 rgb(15,46,98)
```
#123673
```
#123673 rgb(18,54,115)
```
#153e84
```
#153e84 rgb(21,62,132)
```
#174695
```
#174695 rgb(23,70,149)
```
#1a4ea6
```
#1a4ea6 rgb(26,78,166)
```
#1d56b7
```
#1d56b7 rgb(29,86,183)
```
#1f5ec8
```
#1f5ec8 rgb(31,94,200)
```
#2266d9
```
#2266d9 rgb(34,102,217)
```

Shade Color Variation

#3071df
```
#3071df rgb(48,113,223)
```
#417ce1
```
#417ce1 rgb(65,124,225)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#6394e7
```
#6394e7 rgb(99,148,231)
```
#749fe9
```
#749fe9 rgb(116,159,233)
```
#85abec
```
#85abec rgb(133,171,236)
```
#96b7ef
```
#96b7ef rgb(150,183,239)
```
#a7c2f1
```
#a7c2f1 rgb(167,194,241)
```
#b8cef4
```
#b8cef4 rgb(184,206,244)
```
#c9daf7
```
#c9daf7 rgb(201,218,247)
```
#dae5f9
```
#dae5f9 rgb(218,229,249)
```
#ebf1fc
```
#ebf1fc rgb(235,241,252)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #979a9f is the less saturated color, while #3b82fb is the most saturated one.

#979a9f
```
#979a9f rgb(151,154,159)
```
#9098a6
```
#9098a6 rgb(144,152,166)
```
#8896ae
```
#8896ae rgb(136,150,174)
```
#8094b6
```
#8094b6 rgb(128,148,182)
```
#7892be
```
#7892be rgb(120,146,190)
```
#7190c5
```
#7190c5 rgb(113,144,197)
```
#698ecd
```
#698ecd rgb(105,142,205)
```
#618cd5
```
#618cd5 rgb(97,140,213)
```
#5a8adc
```
#5a8adc rgb(90,138,220)
```
#5288e4
```
#5288e4 rgb(82,136,228)
```
#4a86ec
```
#4a86ec rgb(74,134,236)
```
#4384f3
```
#4384f3 rgb(67,132,243)
```
#3b82fb
```
#3b82fb rgb(59,130,251)
```

Tone Color Variation

Below, you can see how #5288e4 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

#828282 Achromatopsia 0.005% of the population
#788396 Atypical Achromatopsia 0.001% of the population

Dichromacy

#678ce3 Protanopia 1% of men
#4d90e4 Deuteranopia 1% of men
#289ca7 Tritanopia 0.001% of the population

Trichromacy

#5f8ae3 Protanomaly 1% of men, 0.01% of women
#4f8de4 Deuteranomaly 6% of men, 0.4% of women
#3794bd Tritanomaly 0.01% of the population

#5288e4 hex color

#5288e4 Color Information

#5288e4 Color Conversion

Color Schemes with #5288e4

Alternatives to #5288e4

#5288e4 Preview

Shades and Tints of #5288e4

Tones of #5288e4

Color Blindness Simulator