#5872f8 hex color

In a RGB color space, hex #5872f8 is composed of 34.5% red, 44.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 64.5% cyan, 54% magenta, 0% yellow and 2.7% black. It has a hue angle of 230.3 degrees, a saturation of 92% and a lightness of 65.9%. #5872f8 color hex could be obtained by blending #b0e4ff with #0000f1. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 35
- G 45
- B 97
RGB color chart
- C 65
- M 54
- Y 0
- K 3
CMYK color chart

● #5872f8 color description : Soft blue.

The hexadecimal color #5872f8 has RGB values of R:88, G:114, B:248 and CMYK values of C:0.65, M:0.54, Y:0, K:0.03. Its decimal value is 5796600.

Hex triplet	5872f8	`#5872f8`
RGB Decimal	88, 114, 248	`rgb(88,114,248)`
RGB Percent	34.5, 44.7, 97.3	`rgb(34.5%,44.7%,97.3%)`
CMYK	65, 54, 0, 3
HSL	230.3°, 92, 65.9	`hsl(230.3,92%,65.9%)`
HSV (or HSB)	230.3°, 64.5, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	52.824, 31.956, -70.012
XYZ	26.982, 20.885, 91.411
xyY	0.194, 0.15, 20.885
CIE-LCH	52.824, 76.96, 294.534
CIE-LUV	52.824, -15.248, -111.554
Hunter-Lab	45.7, 25.412, -86.604
Binary	01011000, 01110010, 11111000

#5872f8
```
#5872f8 rgb(88,114,248)
```
#f8de58
```
#f8de58 rgb(248,222,88)
```

Complementary Color

#58c2f8
```
#58c2f8 rgb(88,194,248)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#8e58f8
```
#8e58f8 rgb(142,88,248)
```

Analogous Color

#c2f858
```
#c2f858 rgb(194,248,88)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#f88e58
```
#f88e58 rgb(248,142,88)
```

Split Complementary Color

#72f858
```
#72f858 rgb(114,248,88)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#f85872
```
#f85872 rgb(248,88,114)
```

Triadic Color

#58f8de
```
#58f8de rgb(88,248,222)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#f85872
```
#f85872 rgb(248,88,114)
```
#f8de58
```
#f8de58 rgb(248,222,88)
```

Tetradic Color

#0f34f5
```
#0f34f5 rgb(15,52,245)
```
#2749f6
```
#2749f6 rgb(39,73,246)
```
#405df7
```
#405df7 rgb(64,93,247)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#7087f9
```
#7087f9 rgb(112,135,249)
```
#899bfa
```
#899bfa rgb(137,155,250)
```
#a1b0fb
```
#a1b0fb rgb(161,176,251)
```

Monochromatic Color

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

#589af8
```
#589af8 rgb(88,154,248)
```
#588df8
```
#588df8 rgb(88,141,248)
```
#587ff8
```
#587ff8 rgb(88,127,248)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#5865f8
```
#5865f8 rgb(88,101,248)
```
#5958f8
```
#5958f8 rgb(89,88,248)
```
#6658f8
```
#6658f8 rgb(102,88,248)
```

Similar Colors

Text with hexadecimal color #5872f8

This text has a font color of #5872f8.

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

#5872f8 background color

This paragraph has a background color of #5872f8.

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

#5872f8 border color

This element has a border color of #5872f8.

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

CSS codes

.text {color:#5872f8;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#010415
```
#010415 rgb(1,4,21)
```
#020828
```
#020828 rgb(2,8,40)
```
#020c3b
```
#020c3b rgb(2,12,59)
```
#030f4e
```
#030f4e rgb(3,15,78)
```
#041361
```
#041361 rgb(4,19,97)
```
#051773
```
#051773 rgb(5,23,115)
```
#061b86
```
#061b86 rgb(6,27,134)
```
#061e99
```
#061e99 rgb(6,30,153)
```
#0722ac
```
#0722ac rgb(7,34,172)
```
#0826bf
```
#0826bf rgb(8,38,191)
```
#0929d2
```
#0929d2 rgb(9,41,210)
```
#0a2de4
```
#0a2de4 rgb(10,45,228)
```

Shade Color Variation

#0d32f5
```
#0d32f5 rgb(13,50,245)
```
#2042f6
```
#2042f6 rgb(32,66,246)
```
#3252f6
```
#3252f6 rgb(50,82,246)
```
#4562f7
```
#4562f7 rgb(69,98,247)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#6b82f9
```
#6b82f9 rgb(107,130,249)
```
#7e92fa
```
#7e92fa rgb(126,146,250)
```
#90a2fa
```
#90a2fa rgb(144,162,250)
```
#a3b2fb
```
#a3b2fb rgb(163,178,251)
```
#b6c1fc
```
#b6c1fc rgb(182,193,252)
```
#c9d1fd
```
#c9d1fd rgb(201,209,253)
```
#dce1fe
```
#dce1fe rgb(220,225,254)
```
#eff1fe
```
#eff1fe rgb(239,241,254)
```

Tint Color Variation

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

#a2a4ae
```
#a2a4ae rgb(162,164,174)
```
#9b9fb5
```
#9b9fb5 rgb(155,159,181)
```
#949bbc
```
#949bbc rgb(148,155,188)
```
#8e96c2
```
#8e96c2 rgb(142,150,194)
```
#8792c9
```
#8792c9 rgb(135,146,201)
```
#808dd0
```
#808dd0 rgb(128,141,208)
```
#7989d7
```
#7989d7 rgb(121,137,215)
```
#7384dd
```
#7384dd rgb(115,132,221)
```
#6c80e4
```
#6c80e4 rgb(108,128,228)
```
#657beb
```
#657beb rgb(101,123,235)
```
#5f77f1
```
#5f77f1 rgb(95,119,241)
```
#5872f8
```
#5872f8 rgb(88,114,248)
```
#516dff
```
#516dff rgb(81,109,255)
```

Tone Color Variation

Below, you can see how #5872f8 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
#737893 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0080fc Protanopia 1% of men
#0087de Deuteranopia 1% of men
#00919b Tritanopia 0.001% of the population

Trichromacy

#207bfa Protanomaly 1% of men, 0.01% of women
#207fe7 Deuteranomaly 6% of men, 0.4% of women
#2086bd Tritanomaly 0.01% of the population

#5872f8 hex color

#5872f8 Color Information

#5872f8 Color Conversion

Color Schemes with #5872f8

Alternatives to #5872f8

#5872f8 Preview

Shades and Tints of #5872f8

Tones of #5872f8

Color Blindness Simulator