#5f88d8 hex color

In a RGB color space, hex #5f88d8 is composed of 37.3% red, 53.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 37% magenta, 0% yellow and 15.3% black. It has a hue angle of 219.7 degrees, a saturation of 60.8% and a lightness of 61%. #5f88d8 color hex could be obtained by blending #beffff with #0011b1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 85
RGB color chart
- C 56
- M 37
- Y 0
- K 15
CMYK color chart

● #5f88d8 color description : Moderate blue.

The hexadecimal color #5f88d8 has RGB values of R:95, G:136, B:216 and CMYK values of C:0.56, M:0.37, Y:0, K:0.15. Its decimal value is 6260952.

Hex triplet	5f88d8	`#5f88d8`
RGB Decimal	95, 136, 216	`rgb(95,136,216)`
RGB Percent	37.3, 53.3, 84.7	`rgb(37.3%,53.3%,84.7%)`
CMYK	56, 37, 0, 15
HSL	219.7°, 60.8, 61	`hsl(219.7,60.8%,61%)`
HSV (or HSB)	219.7°, 56, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.073, 9.252, -45.318
XYZ	25.915, 24.998, 68.421
xyY	0.217, 0.209, 24.998
CIE-LCH	57.073, 46.253, 281.539
CIE-LUV	57.073, -19.9, -72.097
Hunter-Lab	49.998, 5.026, -46.139
Binary	01011111, 10001000, 11011000

#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#d8af5f
```
#d8af5f rgb(216,175,95)
```

Complementary Color

#5fc5d8
```
#5fc5d8 rgb(95,197,216)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#735fd8
```
#735fd8 rgb(115,95,216)
```

Analogous Color

#c5d85f
```
#c5d85f rgb(197,216,95)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#d8735f
```
#d8735f rgb(216,115,95)
```

Split Complementary Color

#88d85f
```
#88d85f rgb(136,216,95)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#d85f88
```
#d85f88 rgb(216,95,136)
```

Triadic Color

#5fd8af
```
#5fd8af rgb(95,216,175)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#d85f88
```
#d85f88 rgb(216,95,136)
```
#d8af5f
```
#d8af5f rgb(216,175,95)
```

Tetradic Color

#2e5ebd
```
#2e5ebd rgb(46,94,189)
```
#366ace
```
#366ace rgb(54,106,206)
```
#4a79d3
```
#4a79d3 rgb(74,121,211)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#7497dd
```
#7497dd rgb(116,151,221)
```
#88a6e2
```
#88a6e2 rgb(136,166,226)
```
#9db6e7
```
#9db6e7 rgb(157,182,231)
```

Monochromatic Color

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

#5fa6d8
```
#5fa6d8 rgb(95,166,216)
```
#5f9cd8
```
#5f9cd8 rgb(95,156,216)
```
#5f92d8
```
#5f92d8 rgb(95,146,216)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#5f7ed8
```
#5f7ed8 rgb(95,126,216)
```
#5f74d8
```
#5f74d8 rgb(95,116,216)
```
#5f6ad8
```
#5f6ad8 rgb(95,106,216)
```

Similar Colors

Text with hexadecimal color #5f88d8

This text has a font color of #5f88d8.

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

#5f88d8 background color

This paragraph has a background color of #5f88d8.

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

#5f88d8 border color

This element has a border color of #5f88d8.

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

CSS codes

.text {color:#5f88d8;}

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

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

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

#03070d
```
#03070d rgb(3,7,13)
```
#070f1d
```
#070f1d rgb(7,15,29)
```
#0b172d
```
#0b172d rgb(11,23,45)
```
#0f1e3d
```
#0f1e3d rgb(15,30,61)
```
#13264d
```
#13264d rgb(19,38,77)
```
#172e5c
```
#172e5c rgb(23,46,92)
```
#1a366c
```
#1a366c rgb(26,54,108)
```
#1e3e7c
```
#1e3e7c rgb(30,62,124)
```
#22468c
```
#22468c rgb(34,70,140)
```
#264e9b
```
#264e9b rgb(38,78,155)
```
#2a56ab
```
#2a56ab rgb(42,86,171)
```
#2e5dbb
```
#2e5dbb rgb(46,93,187)
```
#3165cb
```
#3165cb rgb(49,101,203)
```

Shade Color Variation

#3f71d0
```
#3f71d0 rgb(63,113,208)
```
#4f7cd4
```
#4f7cd4 rgb(79,124,212)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#6f94dc
```
#6f94dc rgb(111,148,220)
```
#7f9fe0
```
#7f9fe0 rgb(127,159,224)
```
#8eabe4
```
#8eabe4 rgb(142,171,228)
```
#9eb7e7
```
#9eb7e7 rgb(158,183,231)
```
#aec3eb
```
#aec3eb rgb(174,195,235)
```
#beceef
```
#beceef rgb(190,206,239)
```
#cddaf3
```
#cddaf3 rgb(205,218,243)
```
#dde6f7
```
#dde6f7 rgb(221,230,247)
```
#edf2fb
```
#edf2fb rgb(237,242,251)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9599a2 is the less saturated color, while #397cfe is the most saturated one.

#9599a2
```
#9599a2 rgb(149,153,162)
```
#8d97aa
```
#8d97aa rgb(141,151,170)
```
#8594b2
```
#8594b2 rgb(133,148,178)
```
#7e92b9
```
#7e92b9 rgb(126,146,185)
```
#768fc1
```
#768fc1 rgb(118,143,193)
```
#6e8dc9
```
#6e8dc9 rgb(110,141,201)
```
#678ad0
```
#678ad0 rgb(103,138,208)
```
#5f88d8
```
#5f88d8 rgb(95,136,216)
```
#5786e0
```
#5786e0 rgb(87,134,224)
```
#5083e7
```
#5083e7 rgb(80,131,231)
```
#4881ef
```
#4881ef rgb(72,129,239)
```
#407ef7
```
#407ef7 rgb(64,126,247)
```
#397cfe
```
#397cfe rgb(57,124,254)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708cd8 Protanopia 1% of men
#618fd9 Deuteranopia 1% of men
#4c99a5 Tritanopia 0.001% of the population

Trichromacy

#698ad8 Protanomaly 1% of men, 0.01% of women
#608cd8 Deuteranomaly 6% of men, 0.4% of women
#5393b7 Tritanomaly 0.01% of the population

#5f88d8 hex color

#5f88d8 Color Information

#5f88d8 Color Conversion

Color Schemes with #5f88d8

Alternatives to #5f88d8

#5f88d8 Preview

Shades and Tints of #5f88d8

Tones of #5f88d8

Color Blindness Simulator