#5284eb hex color

In a RGB color space, hex #5284eb is composed of 32.2% red, 51.8% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 65.1% cyan, 43.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 220.4 degrees, a saturation of 79.3% and a lightness of 62.2%. #5284eb color hex could be obtained by blending #a4ffff with #0009d7. Closest websafe color is: #6699ff.

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

● #5284eb color description : Soft blue.

The hexadecimal color #5284eb has RGB values of R:82, G:132, B:235 and CMYK values of C:0.65, M:0.44, Y:0, K:0.08. Its decimal value is 5407979.

Hex triplet	5284eb	`#5284eb`
RGB Decimal	82, 132, 235	`rgb(82,132,235)`
RGB Percent	32.2, 51.8, 92.2	`rgb(32.2%,51.8%,92.2%)`
CMYK	65, 44, 0, 8
HSL	220.4°, 79.3, 62.2	`hsl(220.4,79.3%,62.2%)`
HSV (or HSB)	220.4°, 65.1, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.38, 15.574, -57.076
XYZ	26.723, 24.293, 81.873
xyY	0.201, 0.183, 24.293
CIE-LCH	56.38, 59.163, 285.263
CIE-LUV	56.38, -21.962, -91.593
Hunter-Lab	49.288, 10.526, -63.987
Binary	01010010, 10000100, 11101011

#5284eb
```
#5284eb rgb(82,132,235)
```
#ebb952
```
#ebb952 rgb(235,185,82)
```

Complementary Color

#52d1eb
```
#52d1eb rgb(82,209,235)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#6d52eb
```
#6d52eb rgb(109,82,235)
```

Analogous Color

#d1eb52
```
#d1eb52 rgb(209,235,82)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#eb6d52
```
#eb6d52 rgb(235,109,82)
```

Split Complementary Color

#84eb52
```
#84eb52 rgb(132,235,82)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#eb5284
```
#eb5284 rgb(235,82,132)
```

Triadic Color

#52ebb9
```
#52ebb9 rgb(82,235,185)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#eb5284
```
#eb5284 rgb(235,82,132)
```
#ebb952
```
#ebb952 rgb(235,185,82)
```

Tetradic Color

#1957d8
```
#1957d8 rgb(25,87,216)
```
#2463e6
```
#2463e6 rgb(36,99,230)
```
#3b74e8
```
#3b74e8 rgb(59,116,232)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#6994ee
```
#6994ee rgb(105,148,238)
```
#80a5f0
```
#80a5f0 rgb(128,165,240)
```
#97b5f3
```
#97b5f3 rgb(151,181,243)
```

Monochromatic Color

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

#52aaeb
```
#52aaeb rgb(82,170,235)
```
#529eeb
```
#529eeb rgb(82,158,235)
```
#5291eb
```
#5291eb rgb(82,145,235)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#5277eb
```
#5277eb rgb(82,119,235)
```
#526beb
```
#526beb rgb(82,107,235)
```
#525eeb
```
#525eeb rgb(82,94,235)
```

Similar Colors

Text with hexadecimal color #5284eb

This text has a font color of #5284eb.

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

#5284eb background color

This paragraph has a background color of #5284eb.

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

#5284eb border color

This element has a border color of #5284eb.

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

CSS codes

.text {color:#5284eb;}

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

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

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 #f0f5fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#020814
```
#020814 rgb(2,8,20)
```
#040f26
```
#040f26 rgb(4,15,38)
```
#061638
```
#061638 rgb(6,22,56)
```
#081e49
```
#081e49 rgb(8,30,73)
```
#0a255b
```
#0a255b rgb(10,37,91)
```
#0d2c6c
```
#0d2c6c rgb(13,44,108)
```
#0f337e
```
#0f337e rgb(15,51,126)
```
#113a8f
```
#113a8f rgb(17,58,143)
```
#1341a1
```
#1341a1 rgb(19,65,161)
```
#1548b3
```
#1548b3 rgb(21,72,179)
```
#174fc4
```
#174fc4 rgb(23,79,196)
```
#1957d6
```
#1957d6 rgb(25,87,214)
```

Shade Color Variation

#1d5ee5
```
#1d5ee5 rgb(29,94,229)
```
#2f6be7
```
#2f6be7 rgb(47,107,231)
```
#4077e9
```
#4077e9 rgb(64,119,233)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#6491ed
```
#6491ed rgb(100,145,237)
```
#759def
```
#759def rgb(117,157,239)
```
#87aaf1
```
#87aaf1 rgb(135,170,241)
```
#98b6f3
```
#98b6f3 rgb(152,182,243)
```
#aac3f5
```
#aac3f5 rgb(170,195,245)
```
#bbcff7
```
#bbcff7 rgb(187,207,247)
```
#cddcf9
```
#cddcf9 rgb(205,220,249)
```
#dfe8fb
```
#dfe8fb rgb(223,232,251)
```
#f0f5fd
```
#f0f5fd rgb(240,245,253)
```

Tint Color Variation

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

#9c9ea1
```
#9c9ea1 rgb(156,158,161)
```
#959ba8
```
#959ba8 rgb(149,155,168)
```
#8d99b0
```
#8d99b0 rgb(141,153,176)
```
#8696b7
```
#8696b7 rgb(134,150,183)
```
#7f93be
```
#7f93be rgb(127,147,190)
```
#7791c6
```
#7791c6 rgb(119,145,198)
```
#708ecd
```
#708ecd rgb(112,142,205)
```
#688cd5
```
#688cd5 rgb(104,140,213)
```
#6189dc
```
#6189dc rgb(97,137,220)
```
#5987e4
```
#5987e4 rgb(89,135,228)
```
#5284eb
```
#5284eb rgb(82,132,235)
```
#4b81f2
```
#4b81f2 rgb(75,129,242)
```
#437ffa
```
#437ffa rgb(67,127,250)
```

Tone Color Variation

Below, you can see how #5284eb 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
#788296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c8aeb Protanopia 1% of men
#368fe9 Deuteranopia 1% of men
#109ba6 Tritanopia 0.001% of the population

Trichromacy

#5887eb Protanomaly 1% of men, 0.01% of women
#408bea Deuteranomaly 6% of men, 0.4% of women
#2892bf Tritanomaly 0.01% of the population

#5284eb hex color

#5284eb Color Information

#5284eb Color Conversion

Color Schemes with #5284eb

Alternatives to #5284eb

#5284eb Preview

Shades and Tints of #5284eb

Tones of #5284eb

Color Blindness Simulator