#5284ee hex color

In a RGB color space, hex #5284ee is composed of 32.2% red, 51.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 44.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 220.8 degrees, a saturation of 82.1% and a lightness of 62.7%. #5284ee color hex could be obtained by blending #a4ffff with #0009dd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 32
- G 52
- B 93
RGB color chart
- C 66
- M 45
- Y 0
- K 7
CMYK color chart

● #5284ee color description : Soft blue.

The hexadecimal color #5284ee has RGB values of R:82, G:132, B:238 and CMYK values of C:0.66, M:0.45, Y:0, K:0.07. Its decimal value is 5407982.

Hex triplet	5284ee	`#5284ee`
RGB Decimal	82, 132, 238	`rgb(82,132,238)`
RGB Percent	32.2, 51.8, 93.3	`rgb(32.2%,51.8%,93.3%)`
CMYK	66, 45, 0, 7
HSL	220.8°, 82.1, 62.7	`hsl(220.8,82.1%,62.7%)`
HSV (or HSB)	220.8°, 65.5, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.553, 16.604, -58.466
XYZ	27.16, 24.468, 84.176
xyY	0.2, 0.18, 24.468
CIE-LCH	56.553, 60.778, 285.854
CIE-LUV	56.553, -21.944, -93.976
Hunter-Lab	49.465, 11.448, -66.27
Binary	01010010, 10000100, 11101110

#5284ee
```
#5284ee rgb(82,132,238)
```
#eebc52
```
#eebc52 rgb(238,188,82)
```

Complementary Color

#52d2ee
```
#52d2ee rgb(82,210,238)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#6e52ee
```
#6e52ee rgb(110,82,238)
```

Analogous Color

#d2ee52
```
#d2ee52 rgb(210,238,82)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#ee6e52
```
#ee6e52 rgb(238,110,82)
```

Split Complementary Color

#84ee52
```
#84ee52 rgb(132,238,82)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#ee5284
```
#ee5284 rgb(238,82,132)
```

Triadic Color

#52eebc
```
#52eebc rgb(82,238,188)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#ee5284
```
#ee5284 rgb(238,82,132)
```
#eebc52
```
#eebc52 rgb(238,188,82)
```

Tetradic Color

#1656de
```
#1656de rgb(22,86,222)
```
#2463e9
```
#2463e9 rgb(36,99,233)
```
#3b73ec
```
#3b73ec rgb(59,115,236)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#6995f0
```
#6995f0 rgb(105,149,240)
```
#80a5f3
```
#80a5f3 rgb(128,165,243)
```
#98b6f5
```
#98b6f5 rgb(152,182,245)
```

Monochromatic Color

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

#52abee
```
#52abee rgb(82,171,238)
```
#529eee
```
#529eee rgb(82,158,238)
```
#5291ee
```
#5291ee rgb(82,145,238)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#5277ee
```
#5277ee rgb(82,119,238)
```
#526aee
```
#526aee rgb(82,106,238)
```
#525dee
```
#525dee rgb(82,93,238)
```

Similar Colors

Text with hexadecimal color #5284ee

This text has a font color of #5284ee.

<span style="color:#5284ee;">Text here</span>

#5284ee background color

This paragraph has a background color of #5284ee.

<p style="background-color:#5284ee;">Content here</p>

#5284ee border color

This element has a border color of #5284ee.

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

CSS codes

.text {color:#5284ee;}

.background {background-color:#5284ee;}

.border {border:1px solid #5284ee;}

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

#010206
```
#010206 rgb(1,2,6)
```
#020917
```
#020917 rgb(2,9,23)
```
#041029
```
#041029 rgb(4,16,41)
```
#06173b
```
#06173b rgb(6,23,59)
```
#081e4d
```
#081e4d rgb(8,30,77)
```
#09255f
```
#09255f rgb(9,37,95)
```
#0b2c71
```
#0b2c71 rgb(11,44,113)
```
#0d3383
```
#0d3383 rgb(13,51,131)
```
#0f3a94
```
#0f3a94 rgb(15,58,148)
```
#1040a6
```
#1040a6 rgb(16,64,166)
```
#1247b8
```
#1247b8 rgb(18,71,184)
```
#144eca
```
#144eca rgb(20,78,202)
```
#1655dc
```
#1655dc rgb(22,85,220)
```

Shade Color Variation

#1c5ee9
```
#1c5ee9 rgb(28,94,233)
```
#2e6bea
```
#2e6bea rgb(46,107,234)
```
#4077ec
```
#4077ec rgb(64,119,236)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#6491f0
```
#6491f0 rgb(100,145,240)
```
#769df2
```
#769df2 rgb(118,157,242)
```
#88aaf3
```
#88aaf3 rgb(136,170,243)
```
#99b7f5
```
#99b7f5 rgb(153,183,245)
```
#abc3f7
```
#abc3f7 rgb(171,195,247)
```
#bdd0f9
```
#bdd0f9 rgb(189,208,249)
```
#cfddfa
```
#cfddfa rgb(207,221,250)
```
#e1eafc
```
#e1eafc rgb(225,234,252)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

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

#9b9ea5
```
#9b9ea5 rgb(155,158,165)
```
#949cac
```
#949cac rgb(148,156,172)
```
#8c99b4
```
#8c99b4 rgb(140,153,180)
```
#8596bb
```
#8596bb rgb(133,150,187)
```
#7e94c2
```
#7e94c2 rgb(126,148,194)
```
#7791c9
```
#7791c9 rgb(119,145,201)
```
#6f8ed1
```
#6f8ed1 rgb(111,142,209)
```
#688cd8
```
#688cd8 rgb(104,140,216)
```
#6189df
```
#6189df rgb(97,137,223)
```
#5987e7
```
#5987e7 rgb(89,135,231)
```
#5284ee
```
#5284ee rgb(82,132,238)
```
#4b81f5
```
#4b81f5 rgb(75,129,245)
```
#437ffd
```
#437ffd rgb(67,127,253)
```

Tone Color Variation

Below, you can see how #5284ee 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

#818181 Achromatopsia 0.005% of the population
#788297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#598aef Protanopia 1% of men
#2e8fec Deuteranopia 1% of men
#009ba6 Tritanopia 0.001% of the population

Trichromacy

#5688ee Protanomaly 1% of men, 0.01% of women
#3b8bed Deuteranomaly 6% of men, 0.4% of women
#1d93c0 Tritanomaly 0.01% of the population

#5284ee hex color

#5284ee Color Information

#5284ee Color Conversion

Color Schemes with #5284ee

Alternatives to #5284ee

#5284ee Preview

Shades and Tints of #5284ee

Tones of #5284ee

Color Blindness Simulator