#5874a2 hex color

In a RGB color space, hex #5874a2 is composed of 34.5% red, 45.5% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 28.4% magenta, 0% yellow and 36.5% black. It has a hue angle of 217.3 degrees, a saturation of 29.6% and a lightness of 49%. #5874a2 color hex could be obtained by blending #b0e8ff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 35
- G 45
- B 64
RGB color chart
- C 46
- M 28
- Y 0
- K 36
CMYK color chart

● #5874a2 color description : Dark moderate blue.

The hexadecimal color #5874a2 has RGB values of R:88, G:116, B:162 and CMYK values of C:0.46, M:0.28, Y:0, K:0.36. Its decimal value is 5797026.

Hex triplet	5874a2	`#5874a2`
RGB Decimal	88, 116, 162	`rgb(88,116,162)`
RGB Percent	34.5, 45.5, 63.5	`rgb(34.5%,45.5%,63.5%)`
CMYK	46, 28, 0, 36
HSL	217.3°, 29.6, 49	`hsl(217.3,29.6%,49%)`
HSV (or HSB)	217.3°, 45.7, 63.5
Web Safe	666699	`#666699`

CIE-LAB	48.478, 2.627, -27.905
XYZ	16.79, 17.173, 36.611
xyY	0.238, 0.243, 17.173
CIE-LCH	48.478, 28.029, 275.378
CIE-LUV	48.478, -14.523, -41.637
Hunter-Lab	41.441, -0.201, -23.371
Binary	01011000, 01110100, 10100010

#5874a2
```
#5874a2 rgb(88,116,162)
```
#a28658
```
#a28658 rgb(162,134,88)
```

Complementary Color

#5899a2
```
#5899a2 rgb(88,153,162)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#6158a2
```
#6158a2 rgb(97,88,162)
```

Analogous Color

#99a258
```
#99a258 rgb(153,162,88)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#a26158
```
#a26158 rgb(162,97,88)
```

Split Complementary Color

#74a258
```
#74a258 rgb(116,162,88)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#a25874
```
#a25874 rgb(162,88,116)
```

Triadic Color

#58a286
```
#58a286 rgb(88,162,134)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#a25874
```
#a25874 rgb(162,88,116)
```
#a28658
```
#a28658 rgb(162,134,88)
```

Tetradic Color

#3d5170
```
#3d5170 rgb(61,81,112)
```
#465c81
```
#465c81 rgb(70,92,129)
```
#4f6891
```
#4f6891 rgb(79,104,145)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#6781ac
```
#6781ac rgb(103,129,172)
```
#788fb5
```
#788fb5 rgb(120,143,181)
```
#889dbe
```
#889dbe rgb(136,157,190)
```

Monochromatic Color

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

#5887a2
```
#5887a2 rgb(88,135,162)
```
#5880a2
```
#5880a2 rgb(88,128,162)
```
#587aa2
```
#587aa2 rgb(88,122,162)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#586ea2
```
#586ea2 rgb(88,110,162)
```
#5868a2
```
#5868a2 rgb(88,104,162)
```
#5862a2
```
#5862a2 rgb(88,98,162)
```

Similar Colors

Text with hexadecimal color #5874a2

This text has a font color of #5874a2.

<span style="color:#5874a2;">Text here</span>

#5874a2 background color

This paragraph has a background color of #5874a2.

<p style="background-color:#5874a2;">Content here</p>

#5874a2 border color

This element has a border color of #5874a2.

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

CSS codes

.text {color:#5874a2;}

.background {background-color:#5874a2;}

.border {border:1px solid #5874a2;}

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

#050709
```
#050709 rgb(5,7,9)
```
#0c1016
```
#0c1016 rgb(12,16,22)
```
#131923
```
#131923 rgb(19,25,35)
```
#1a2230
```
#1a2230 rgb(26,34,48)
```
#212b3c
```
#212b3c rgb(33,43,60)
```
#283449
```
#283449 rgb(40,52,73)
```
#2f3d56
```
#2f3d56 rgb(47,61,86)
```
#354662
```
#354662 rgb(53,70,98)
```
#3c506f
```
#3c506f rgb(60,80,111)
```
#43597c
```
#43597c rgb(67,89,124)
```
#4a6289
```
#4a6289 rgb(74,98,137)
```
#516b95
```
#516b95 rgb(81,107,149)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```

Shade Color Variation

#637eaa
```
#637eaa rgb(99,126,170)
```
#7089b1
```
#7089b1 rgb(112,137,177)
```
#7d93b8
```
#7d93b8 rgb(125,147,184)
```
#899ebf
```
#899ebf rgb(137,158,191)
```
#96a8c6
```
#96a8c6 rgb(150,168,198)
```
#a3b3cd
```
#a3b3cd rgb(163,179,205)
```
#afbdd4
```
#afbdd4 rgb(175,189,212)
```
#bcc8db
```
#bcc8db rgb(188,200,219)
```
#c9d2e2
```
#c9d2e2 rgb(201,210,226)
```
#d6dde9
```
#d6dde9 rgb(214,221,233)
```
#e2e7ef
```
#e2e7ef rgb(226,231,239)
```
#eff2f6
```
#eff2f6 rgb(239,242,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757b85 is the less saturated color, while #015ff9 is the most saturated one.

#757b85
```
#757b85 rgb(117,123,133)
```
#6b798f
```
#6b798f rgb(107,121,143)
```
#627698
```
#627698 rgb(98,118,152)
```
#5874a2
```
#5874a2 rgb(88,116,162)
```
#4e72ac
```
#4e72ac rgb(78,114,172)
```
#456fb5
```
#456fb5 rgb(69,111,181)
```
#3b6dbf
```
#3b6dbf rgb(59,109,191)
```
#326bc8
```
#326bc8 rgb(50,107,200)
```
#2868d2
```
#2868d2 rgb(40,104,210)
```
#1e66dc
```
#1e66dc rgb(30,102,220)
```
#1564e5
```
#1564e5 rgb(21,100,229)
```
#0b61ef
```
#0b61ef rgb(11,97,239)
```
#015ff9
```
#015ff9 rgb(1,95,249)
```

Tone Color Variation

Below, you can see how #5874a2 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

#717171 Achromatopsia 0.005% of the population
#6c727b Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c78a5 Protanopia 1% of men
#6879a7 Deuteranopia 1% of men
#56808a Tritanopia 0.001% of the population

Trichromacy

#6477a4 Protanomaly 1% of men, 0.01% of women
#6277a5 Deuteranomaly 6% of men, 0.4% of women
#577c92 Tritanomaly 0.01% of the population

#5874a2 hex color

#5874a2 Color Information

#5874a2 Color Conversion

Color Schemes with #5874a2

Alternatives to #5874a2

#5874a2 Preview

Shades and Tints of #5874a2

Tones of #5874a2

Color Blindness Simulator