colorhexa.com

#5c74e8 hex color

In a RGB color space, hex #5c74e8 is composed of 36.1% red, 45.5% green and 91% blue. Whereas in a CMYK color space, it is composed of 60.3% cyan, 50% magenta, 0% yellow and 9% black. It has a hue angle of 229.7 degrees, a saturation of 75.3% and a lightness of 63.5%. #5c74e8 color hex could be obtained by blending #b8e8ff with #0000d1. Closest websafe color is: #6666ff.

- R 36
- G 45
- B 91
RGB color chart
- C 60
- M 50
- Y 0
- K 9
CMYK color chart

● #5c74e8 color description : Soft blue.

The hexadecimal color #5c74e8 has RGB values of R:92, G:116, B:232 and CMYK values of C:0.6, M:0.5, Y:0, K:0.09. Its decimal value is 6059240.

Hex triplet	5c74e8	`#5c74e8`
RGB Decimal	92, 116, 232	`rgb(92,116,232)`
RGB Percent	36.1, 45.5, 91	`rgb(36.1%,45.5%,91%)`
CMYK	60, 50, 0, 9
HSL	229.7°, 75.3, 63.5	`hsl(229.7,75.3%,63.5%)`
HSV (or HSB)	229.7°, 60.3, 91
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.499, 26.049, -61.602
XYZ	25.221, 20.591, 78.985
xyY	0.202, 0.165, 20.591
CIE-LCH	52.499, 66.883, 292.921
CIE-LUV	52.499, -14.448, -98.147
Hunter-Lab	45.377, 19.803, -71.438
Binary	01011100, 01110100, 11101000

#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#e8d05c
```
#e8d05c rgb(232,208,92)
```

Complementary Color

#5cbae8
```
#5cbae8 rgb(92,186,232)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#8a5ce8
```
#8a5ce8 rgb(138,92,232)
```

Analogous Color

#bae85c
```
#bae85c rgb(186,232,92)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#e88a5c
```
#e88a5c rgb(232,138,92)
```

Split Complementary Color

#74e85c
```
#74e85c rgb(116,232,92)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#e85c74
```
#e85c74 rgb(232,92,116)
```

Triadic Color

#5ce8d0
```
#5ce8d0 rgb(92,232,208)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#e85c74
```
#e85c74 rgb(232,92,116)
```
#e8d05c
```
#e8d05c rgb(232,208,92)
```

Tetradic Color

#1f3fd9
```
#1f3fd9 rgb(31,63,217)
```
#2f4ee2
```
#2f4ee2 rgb(47,78,226)
```
#4661e5
```
#4661e5 rgb(70,97,229)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#7287eb
```
#7287eb rgb(114,135,235)
```
#899aee
```
#899aee rgb(137,154,238)
```
#9fadf1
```
#9fadf1 rgb(159,173,241)
```

Monochromatic Color

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

#5c97e8
```
#5c97e8 rgb(92,151,232)
```
#5c8be8
```
#5c8be8 rgb(92,139,232)
```
#5c80e8
```
#5c80e8 rgb(92,128,232)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#5c68e8
```
#5c68e8 rgb(92,104,232)
```
#5c5de8
```
#5c5de8 rgb(92,93,232)
```
#675ce8
```
#675ce8 rgb(103,92,232)
```

Similar Colors

Text with hexadecimal color #5c74e8

This text has a font color of #5c74e8.

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

#5c74e8 background color

This paragraph has a background color of #5c74e8.

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

#5c74e8 border color

This element has a border color of #5c74e8.

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

CSS codes

.text {color:#5c74e8;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#04081a
```
#04081a rgb(4,8,26)
```
#060c2b
```
#060c2b rgb(6,12,43)
```
#09113c
```
#09113c rgb(9,17,60)
```
#0b164e
```
#0b164e rgb(11,22,78)
```
#0d1b5f
```
#0d1b5f rgb(13,27,95)
```
#102070
```
#102070 rgb(16,32,112)
```
#122581
```
#122581 rgb(18,37,129)
```
#152a92
```
#152a92 rgb(21,42,146)
```
#172fa4
```
#172fa4 rgb(23,47,164)
```
#1a34b5
```
#1a34b5 rgb(26,52,181)
```
#1c39c6
```
#1c39c6 rgb(28,57,198)
```
#1e3ed7
```
#1e3ed7 rgb(30,62,215)
```

Shade Color Variation

#2848e1
```
#2848e1 rgb(40,72,225)
```
#3a57e3
```
#3a57e3 rgb(58,87,227)
```
#4b65e6
```
#4b65e6 rgb(75,101,230)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#6d83ea
```
#6d83ea rgb(109,131,234)
```
#7e91ed
```
#7e91ed rgb(126,145,237)
```
#90a0ef
```
#90a0ef rgb(144,160,239)
```
#a1aff2
```
#a1aff2 rgb(161,175,242)
```
#b2bdf4
```
#b2bdf4 rgb(178,189,244)
```
#c3ccf7
```
#c3ccf7 rgb(195,204,247)
```
#d4dbf9
```
#d4dbf9 rgb(212,219,249)
```
#e6e9fb
```
#e6e9fb rgb(230,233,251)
```
#f7f8fe
```
#f7f8fe rgb(247,248,254)
```

Tint Color Variation

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

#9c9ea8
```
#9c9ea8 rgb(156,158,168)
```
#959aaf
```
#959aaf rgb(149,154,175)
```
#8e95b6
```
#8e95b6 rgb(142,149,182)
```
#8790bd
```
#8790bd rgb(135,144,189)
```
#808cc4
```
#808cc4 rgb(128,140,196)
```
#7987cb
```
#7987cb rgb(121,135,203)
```
#7182d3
```
#7182d3 rgb(113,130,211)
```
#6a7dda
```
#6a7dda rgb(106,125,218)
```
#6379e1
```
#6379e1 rgb(99,121,225)
```
#5c74e8
```
#5c74e8 rgb(92,116,232)
```
#556fef
```
#556fef rgb(85,111,239)
```
#4e6bf6
```
#4e6bf6 rgb(78,107,246)
```
#4766fd
```
#4766fd rgb(71,102,253)
```

Tone Color Variation

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

Dichromacy

#3d80ed Protanopia 1% of men
#0086df Deuteranopia 1% of men
#2f8f9a Tritanopia 0.001% of the population

Trichromacy

#487beb Protanomaly 1% of men, 0.01% of women
#217fe2 Deuteranomaly 6% of men, 0.4% of women
#3f85b6 Tritanomaly 0.01% of the population