#5a84ee hex color

In a RGB color space, hex #5a84ee is composed of 35.3% red, 51.8% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 44.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 223 degrees, a saturation of 81.3% and a lightness of 64.3%. #5a84ee color hex could be obtained by blending #b4ffff with #0009dd. Closest websafe color is: #6699ff.

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

● #5a84ee color description : Soft blue.

The hexadecimal color #5a84ee has RGB values of R:90, G:132, B:238 and CMYK values of C:0.62, M:0.45, Y:0, K:0.07. Its decimal value is 5932270.

Hex triplet	5a84ee	`#5a84ee`
RGB Decimal	90, 132, 238	`rgb(90,132,238)`
RGB Percent	35.3, 51.8, 93.3	`rgb(35.3%,51.8%,93.3%)`
CMYK	62, 45, 0, 7
HSL	223°, 81.3, 64.3	`hsl(223,81.3%,64.3%)`
HSV (or HSB)	223°, 62.2, 93.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	56.927, 17.945, -57.847
XYZ	27.897, 24.848, 84.21
xyY	0.204, 0.181, 24.848
CIE-LCH	56.927, 60.567, 287.235
CIE-LUV	56.927, -19.994, -93.246
Hunter-Lab	49.847, 12.664, -65.269
Binary	01011010, 10000100, 11101110

#5a84ee
```
#5a84ee rgb(90,132,238)
```
#eec45a
```
#eec45a rgb(238,196,90)
```

Complementary Color

#5aceee
```
#5aceee rgb(90,206,238)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#7a5aee
```
#7a5aee rgb(122,90,238)
```

Analogous Color

#ceee5a
```
#ceee5a rgb(206,238,90)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#ee7a5a
```
#ee7a5a rgb(238,122,90)
```

Split Complementary Color

#84ee5a
```
#84ee5a rgb(132,238,90)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#ee5a84
```
#ee5a84 rgb(238,90,132)
```

Triadic Color

#5aeec4
```
#5aeec4 rgb(90,238,196)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#ee5a84
```
#ee5a84 rgb(238,90,132)
```
#eec45a
```
#eec45a rgb(238,196,90)
```

Tetradic Color

#1752e4
```
#1752e4 rgb(23,82,228)
```
#2c62e9
```
#2c62e9 rgb(44,98,233)
```
#4373ec
```
#4373ec rgb(67,115,236)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#7195f0
```
#7195f0 rgb(113,149,240)
```
#88a6f3
```
#88a6f3 rgb(136,166,243)
```
#9fb8f5
```
#9fb8f5 rgb(159,184,245)
```

Monochromatic Color

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

#5aa9ee
```
#5aa9ee rgb(90,169,238)
```
#5a9dee
```
#5a9dee rgb(90,157,238)
```
#5a90ee
```
#5a90ee rgb(90,144,238)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#5a78ee
```
#5a78ee rgb(90,120,238)
```
#5a6bee
```
#5a6bee rgb(90,107,238)
```
#5a5fee
```
#5a5fee rgb(90,95,238)
```

Similar Colors

Text with hexadecimal color #5a84ee

This text has a font color of #5a84ee.

<span style="color:#5a84ee;">Text here</span>

#5a84ee background color

This paragraph has a background color of #5a84ee.

<p style="background-color:#5a84ee;">Content here</p>

#5a84ee border color

This element has a border color of #5a84ee.

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

CSS codes

.text {color:#5a84ee;}

.background {background-color:#5a84ee;}

.border {border:1px solid #5a84ee;}

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, #01050d is the darkest color, while #fafbfe is the lightest one.

#01050d
```
#01050d rgb(1,5,13)
```
#030b1f
```
#030b1f rgb(3,11,31)
```
#051130
```
#051130 rgb(5,17,48)
```
#071842
```
#071842 rgb(7,24,66)
```
#091e54
```
#091e54 rgb(9,30,84)
```
#0a2466
```
#0a2466 rgb(10,36,102)
```
#0c2b78
```
#0c2b78 rgb(12,43,120)
```
#0e3189
```
#0e3189 rgb(14,49,137)
```
#10379b
```
#10379b rgb(16,55,155)
```
#123ead
```
#123ead rgb(18,62,173)
```
#1444bf
```
#1444bf rgb(20,68,191)
```
#154bd0
```
#154bd0 rgb(21,75,208)
```
#1751e2
```
#1751e2 rgb(23,81,226)
```

Shade Color Variation

#255ce9
```
#255ce9 rgb(37,92,233)
```
#3669ea
```
#3669ea rgb(54,105,234)
```
#4877ec
```
#4877ec rgb(72,119,236)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#6c91f0
```
#6c91f0 rgb(108,145,240)
```
#7e9ff2
```
#7e9ff2 rgb(126,159,242)
```
#8facf3
```
#8facf3 rgb(143,172,243)
```
#a1b9f5
```
#a1b9f5 rgb(161,185,245)
```
#b3c6f7
```
#b3c6f7 rgb(179,198,247)
```
#c5d4f9
```
#c5d4f9 rgb(197,212,249)
```
#d6e1fb
```
#d6e1fb rgb(214,225,251)
```
#e8eefd
```
#e8eefd rgb(232,238,253)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#a0a2a8
```
#a0a2a8 rgb(160,162,168)
```
#999faf
```
#999faf rgb(153,159,175)
```
#929cb6
```
#929cb6 rgb(146,156,182)
```
#8b99bd
```
#8b99bd rgb(139,153,189)
```
#8496c4
```
#8496c4 rgb(132,150,196)
```
#7d93cb
```
#7d93cb rgb(125,147,203)
```
#7690d2
```
#7690d2 rgb(118,144,210)
```
#6f8dd9
```
#6f8dd9 rgb(111,141,217)
```
#688ae0
```
#688ae0 rgb(104,138,224)
```
#6187e7
```
#6187e7 rgb(97,135,231)
```
#5a84ee
```
#5a84ee rgb(90,132,238)
```
#5381f5
```
#5381f5 rgb(83,129,245)
```
#4c7efc
```
#4c7efc rgb(76,126,252)
```

Tone Color Variation

Below, you can see how #5a84ee 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
#7c8499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b8bef Protanopia 1% of men
#3690ec Deuteranopia 1% of men
#2d9ba7 Tritanopia 0.001% of the population

Trichromacy

#5a88ef Protanomaly 1% of men, 0.01% of women
#438bec Deuteranomaly 6% of men, 0.4% of women
#3d93c0 Tritanomaly 0.01% of the population

#5a84ee hex color

#5a84ee Color Information

#5a84ee Color Conversion

Color Schemes with #5a84ee

Alternatives to #5a84ee

#5a84ee Preview

Shades and Tints of #5a84ee

Tones of #5a84ee

Color Blindness Simulator