#5872bc hex color

In a RGB color space, hex #5872bc is composed of 34.5% red, 44.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 53.2% cyan, 39.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 224.4 degrees, a saturation of 42.7% and a lightness of 54.1%. #5872bc color hex could be obtained by blending #b0e4ff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 45
- B 74
RGB color chart
- C 53
- M 39
- Y 0
- K 26
CMYK color chart

● #5872bc color description : Moderate blue.

The hexadecimal color #5872bc has RGB values of R:88, G:114, B:188 and CMYK values of C:0.53, M:0.39, Y:0, K:0.26. Its decimal value is 5796540.

Hex triplet	5872bc	`#5872bc`
RGB Decimal	88, 114, 188	`rgb(88,114,188)`
RGB Percent	34.5, 44.7, 73.7	`rgb(34.5%,44.7%,73.7%)`
CMYK	53, 39, 0, 26
HSL	224.4°, 42.7, 54.1	`hsl(224.4,42.7%,54.1%)`
HSV (or HSB)	224.4°, 53.2, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.178, 12.011, -41.914
XYZ	19.117, 17.739, 49.991
xyY	0.22, 0.204, 17.739
CIE-LCH	49.178, 43.601, 285.99
CIE-LUV	49.178, -14.144, -64.87
Hunter-Lab	42.118, 7.313, -40.89
Binary	01011000, 01110010, 10111100

#5872bc
```
#5872bc rgb(88,114,188)
```
#bca258
```
#bca258 rgb(188,162,88)
```

Complementary Color

#58a4bc
```
#58a4bc rgb(88,164,188)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#7058bc
```
#7058bc rgb(112,88,188)
```

Analogous Color

#a4bc58
```
#a4bc58 rgb(164,188,88)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#bc7058
```
#bc7058 rgb(188,112,88)
```

Split Complementary Color

#72bc58
```
#72bc58 rgb(114,188,88)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#bc5872
```
#bc5872 rgb(188,88,114)
```

Triadic Color

#58bca2
```
#58bca2 rgb(88,188,162)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#bc5872
```
#bc5872 rgb(188,88,114)
```
#bca258
```
#bca258 rgb(188,162,88)
```

Tetradic Color

#394f8e
```
#394f8e rgb(57,79,142)
```
#4059a1
```
#4059a1 rgb(64,89,161)
```
#4864b3
```
#4864b3 rgb(72,100,179)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#6a81c3
```
#6a81c3 rgb(106,129,195)
```
#7c91cb
```
#7c91cb rgb(124,145,203)
```
#8fa0d2
```
#8fa0d2 rgb(143,160,210)
```

Monochromatic Color

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

#588bbc
```
#588bbc rgb(88,139,188)
```
#5883bc
```
#5883bc rgb(88,131,188)
```
#587abc
```
#587abc rgb(88,122,188)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#586abc
```
#586abc rgb(88,106,188)
```
#5861bc
```
#5861bc rgb(88,97,188)
```
#5859bc
```
#5859bc rgb(88,89,188)
```

Similar Colors

Text with hexadecimal color #5872bc

This text has a font color of #5872bc.

<span style="color:#5872bc;">Text here</span>

#5872bc background color

This paragraph has a background color of #5872bc.

<p style="background-color:#5872bc;">Content here</p>

#5872bc border color

This element has a border color of #5872bc.

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

CSS codes

.text {color:#5872bc;}

.background {background-color:#5872bc;}

.border {border:1px solid #5872bc;}

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

#000101
```
#000101 rgb(0,1,1)
```
#06080f
```
#06080f rgb(6,8,15)
```
#0c101d
```
#0c101d rgb(12,16,29)
```
#11182b
```
#11182b rgb(17,24,43)
```
#172039
```
#172039 rgb(23,32,57)
```
#1c2847
```
#1c2847 rgb(28,40,71)
```
#222f55
```
#222f55 rgb(34,47,85)
```
#283763
```
#283763 rgb(40,55,99)
```
#2d3f71
```
#2d3f71 rgb(45,63,113)
```
#33477f
```
#33477f rgb(51,71,127)
```
#394f8d
```
#394f8d rgb(57,79,141)
```
#3e569b
```
#3e569b rgb(62,86,155)
```
#445ea9
```
#445ea9 rgb(68,94,169)
```

Shade Color Variation

#4a66b6
```
#4a66b6 rgb(74,102,182)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#667ec2
```
#667ec2 rgb(102,126,194)
```
#748ac7
```
#748ac7 rgb(116,138,199)
```
#8295cd
```
#8295cd rgb(130,149,205)
```
#90a1d2
```
#90a1d2 rgb(144,161,210)
```
#9eadd8
```
#9eadd8 rgb(158,173,216)
```
#acb9de
```
#acb9de rgb(172,185,222)
```
#bac5e3
```
#bac5e3 rgb(186,197,227)
```
#c8d1e9
```
#c8d1e9 rgb(200,209,233)
```
#d6dcef
```
#d6dcef rgb(214,220,239)
```
#e4e8f4
```
#e4e8f4 rgb(228,232,244)
```
#f2f4fa
```
#f2f4fa rgb(242,244,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #85888f is the less saturated color, while #1954fb is the most saturated one.

#85888f
```
#85888f rgb(133,136,143)
```
#7c8398
```
#7c8398 rgb(124,131,152)
```
#737fa1
```
#737fa1 rgb(115,127,161)
```
#6a7baa
```
#6a7baa rgb(106,123,170)
```
#6176b3
```
#6176b3 rgb(97,118,179)
```
#5872bc
```
#5872bc rgb(88,114,188)
```
#4f6ec5
```
#4f6ec5 rgb(79,110,197)
```
#4669ce
```
#4669ce rgb(70,105,206)
```
#3d65d7
```
#3d65d7 rgb(61,101,215)
```
#3461e0
```
#3461e0 rgb(52,97,224)
```
#2b5ce9
```
#2b5ce9 rgb(43,92,233)
```
#2258f2
```
#2258f2 rgb(34,88,242)
```
#1954fb
```
#1954fb rgb(25,84,251)
```

Tone Color Variation

Below, you can see how #5872bc 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

#737373 Achromatopsia 0.005% of the population
#6e7382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e79bf Protanopia 1% of men
#517cbe Deuteranopia 1% of men
#4a848e Tritanopia 0.001% of the population

Trichromacy

#5c76be Protanomaly 1% of men, 0.01% of women
#5478bd Deuteranomaly 6% of men, 0.4% of women
#4f7d9e Tritanomaly 0.01% of the population

#5872bc hex color

#5872bc Color Information

#5872bc Color Conversion

Color Schemes with #5872bc

Alternatives to #5872bc

#5872bc Preview

Shades and Tints of #5872bc

Tones of #5872bc

Color Blindness Simulator