#5a74ee hex color

In a RGB color space, hex #5a74ee is composed of 35.3% red, 45.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 51.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 229.5 degrees, a saturation of 81.3% and a lightness of 64.3%. #5a74ee color hex could be obtained by blending #b4e8ff with #0000dd. Closest websafe color is: #6666ff.

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

● #5a74ee color description : Soft blue.

The hexadecimal color #5a74ee has RGB values of R:90, G:116, B:238 and CMYK values of C:0.62, M:0.51, Y:0, K:0.07. Its decimal value is 5928174.

Hex triplet	5a74ee	`#5a74ee`
RGB Decimal	90, 116, 238	`rgb(90,116,238)`
RGB Percent	35.3, 45.5, 93.3	`rgb(35.3%,45.5%,93.3%)`
CMYK	62, 51, 0, 7
HSL	229.5°, 81.3, 64.3	`hsl(229.5,81.3%,64.3%)`
HSV (or HSB)	229.5°, 62.2, 93.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.77, 27.701, -64.527
XYZ	25.891, 20.836, 83.542
xyY	0.199, 0.16, 20.836
CIE-LCH	52.77, 70.222, 293.233
CIE-LUV	52.77, -15.109, -102.893
Hunter-Lab	45.647, 21.366, -76.559
Binary	01011010, 01110100, 11101110

#5a74ee
```
#5a74ee rgb(90,116,238)
```
#eed45a
```
#eed45a rgb(238,212,90)
```

Complementary Color

#5abeee
```
#5abeee rgb(90,190,238)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#8a5aee
```
#8a5aee rgb(138,90,238)
```

Analogous Color

#beee5a
```
#beee5a rgb(190,238,90)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#ee8a5a
```
#ee8a5a rgb(238,138,90)
```

Split Complementary Color

#74ee5a
```
#74ee5a rgb(116,238,90)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#ee5a74
```
#ee5a74 rgb(238,90,116)
```

Triadic Color

#5aeed4
```
#5aeed4 rgb(90,238,212)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#ee5a74
```
#ee5a74 rgb(238,90,116)
```
#eed45a
```
#eed45a rgb(238,212,90)
```

Tetradic Color

#173be4
```
#173be4 rgb(23,59,228)
```
#2c4de9
```
#2c4de9 rgb(44,77,233)
```
#4361ec
```
#4361ec rgb(67,97,236)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#7187f0
```
#7187f0 rgb(113,135,240)
```
#889bf3
```
#889bf3 rgb(136,155,243)
```
#9faef5
```
#9faef5 rgb(159,174,245)
```

Monochromatic Color

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

#5a99ee
```
#5a99ee rgb(90,153,238)
```
#5a8dee
```
#5a8dee rgb(90,141,238)
```
#5a80ee
```
#5a80ee rgb(90,128,238)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#5a68ee
```
#5a68ee rgb(90,104,238)
```
#5a5bee
```
#5a5bee rgb(90,91,238)
```
#655aee
```
#655aee rgb(101,90,238)
```

Similar Colors

Text with hexadecimal color #5a74ee

This text has a font color of #5a74ee.

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

#5a74ee background color

This paragraph has a background color of #5a74ee.

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

#5a74ee border color

This element has a border color of #5a74ee.

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

CSS codes

.text {color:#5a74ee;}

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

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

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

#01030d
```
#01030d rgb(1,3,13)
```
#03081f
```
#03081f rgb(3,8,31)
```
#050d30
```
#050d30 rgb(5,13,48)
```
#071142
```
#071142 rgb(7,17,66)
```
#091654
```
#091654 rgb(9,22,84)
```
#0a1b66
```
#0a1b66 rgb(10,27,102)
```
#0c1f78
```
#0c1f78 rgb(12,31,120)
```
#0e2489
```
#0e2489 rgb(14,36,137)
```
#10289b
```
#10289b rgb(16,40,155)
```
#122dad
```
#122dad rgb(18,45,173)
```
#1432bf
```
#1432bf rgb(20,50,191)
```
#1536d0
```
#1536d0 rgb(21,54,208)
```
#173be2
```
#173be2 rgb(23,59,226)
```

Shade Color Variation

#2547e9
```
#2547e9 rgb(37,71,233)
```
#3656ea
```
#3656ea rgb(54,86,234)
```
#4865ec
```
#4865ec rgb(72,101,236)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#6c83f0
```
#6c83f0 rgb(108,131,240)
```
#7e92f2
```
#7e92f2 rgb(126,146,242)
```
#8fa1f3
```
#8fa1f3 rgb(143,161,243)
```
#a1b0f5
```
#a1b0f5 rgb(161,176,245)
```
#b3bff7
```
#b3bff7 rgb(179,191,247)
```
#c5cef9
```
#c5cef9 rgb(197,206,249)
```
#d6ddfb
```
#d6ddfb rgb(214,221,251)
```
#e8ecfd
```
#e8ecfd rgb(232,236,253)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#a0a1a8
```
#a0a1a8 rgb(160,161,168)
```
#999daf
```
#999daf rgb(153,157,175)
```
#9298b6
```
#9298b6 rgb(146,152,182)
```
#8b94bd
```
#8b94bd rgb(139,148,189)
```
#848fc4
```
#848fc4 rgb(132,143,196)
```
#7d8bcb
```
#7d8bcb rgb(125,139,203)
```
#7686d2
```
#7686d2 rgb(118,134,210)
```
#6f82d9
```
#6f82d9 rgb(111,130,217)
```
#687de0
```
#687de0 rgb(104,125,224)
```
#6179e7
```
#6179e7 rgb(97,121,231)
```
#5a74ee
```
#5a74ee rgb(90,116,238)
```
#536ff5
```
#536ff5 rgb(83,111,245)
```
#4c6bfc
```
#4c6bfc rgb(76,107,252)
```

Tone Color Variation

Below, you can see how #5a74ee 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

#7a7a7a Achromatopsia 0.005% of the population
#747991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3380f3 Protanopia 1% of men
#0087df Deuteranopia 1% of men
#1d919b Tritanopia 0.001% of the population

Trichromacy

#417cf1 Protanomaly 1% of men, 0.01% of women
#2080e4 Deuteranomaly 6% of men, 0.4% of women
#3386b9 Tritanomaly 0.01% of the population

#5a74ee hex color

#5a74ee Color Information

#5a74ee Color Conversion

Color Schemes with #5a74ee

Alternatives to #5a74ee

#5a74ee Preview

Shades and Tints of #5a74ee

Tones of #5a74ee

Color Blindness Simulator