#5f88bf hex color

In a RGB color space, hex #5f88bf is composed of 37.3% red, 53.3% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 28.8% magenta, 0% yellow and 25.1% black. It has a hue angle of 214.4 degrees, a saturation of 42.9% and a lightness of 56.1%. #5f88bf color hex could be obtained by blending #beffff with #00117f. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 53
- B 75
RGB color chart
- C 50
- M 29
- Y 0
- K 25
CMYK color chart

● #5f88bf color description : Moderate blue.

The hexadecimal color #5f88bf has RGB values of R:95, G:136, B:191 and CMYK values of C:0.5, M:0.29, Y:0, K:0.25. Its decimal value is 6260927.

Hex triplet	5f88bf	`#5f88bf`
RGB Decimal	95, 136, 191	`rgb(95,136,191)`
RGB Percent	37.3, 53.3, 74.9	`rgb(37.3%,53.3%,74.9%)`
CMYK	50, 29, 0, 25
HSL	214.4°, 42.9, 56.1	`hsl(214.4,42.9%,56.1%)`
HSV (or HSB)	214.4°, 50.3, 74.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.889, 1.375, -33.057
XYZ	22.925, 23.802, 52.673
xyY	0.231, 0.239, 23.802
CIE-LCH	55.889, 33.085, 272.382
CIE-LUV	55.889, -19.894, -50.964
Hunter-Lab	48.787, -1.499, -29.862
Binary	01011111, 10001000, 10111111

#5f88bf
```
#5f88bf rgb(95,136,191)
```
#bf965f
```
#bf965f rgb(191,150,95)
```

Complementary Color

#5fb8bf
```
#5fb8bf rgb(95,184,191)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#665fbf
```
#665fbf rgb(102,95,191)
```

Analogous Color

#b8bf5f
```
#b8bf5f rgb(184,191,95)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#bf665f
```
#bf665f rgb(191,102,95)
```

Split Complementary Color

#88bf5f
```
#88bf5f rgb(136,191,95)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#bf5f88
```
#bf5f88 rgb(191,95,136)
```

Triadic Color

#5fbf96
```
#5fbf96 rgb(95,191,150)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#bf5f88
```
#bf5f88 rgb(191,95,136)
```
#bf965f
```
#bf965f rgb(191,150,95)
```

Tetradic Color

#3c6296
```
#3c6296 rgb(60,98,150)
```
#436ea8
```
#436ea8 rgb(67,110,168)
```
#4d7ab8
```
#4d7ab8 rgb(77,122,184)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#7196c6
```
#7196c6 rgb(113,150,198)
```
#83a3ce
```
#83a3ce rgb(131,163,206)
```
#96b1d5
```
#96b1d5 rgb(150,177,213)
```

Monochromatic Color

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

#5fa0bf
```
#5fa0bf rgb(95,160,191)
```
#5f98bf
```
#5f98bf rgb(95,152,191)
```
#5f90bf
```
#5f90bf rgb(95,144,191)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#5f80bf
```
#5f80bf rgb(95,128,191)
```
#5f78bf
```
#5f78bf rgb(95,120,191)
```
#5f70bf
```
#5f70bf rgb(95,112,191)
```

Similar Colors

Text with hexadecimal color #5f88bf

This text has a font color of #5f88bf.

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

#5f88bf background color

This paragraph has a background color of #5f88bf.

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

#5f88bf border color

This element has a border color of #5f88bf.

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

CSS codes

.text {color:#5f88bf;}

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

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

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

#030508
```
#030508 rgb(3,5,8)
```
#090f16
```
#090f16 rgb(9,15,22)
```
#0e1824
```
#0e1824 rgb(14,24,36)
```
#142132
```
#142132 rgb(20,33,50)
```
#1a2a40
```
#1a2a40 rgb(26,42,64)
```
#1f334e
```
#1f334e rgb(31,51,78)
```
#253d5c
```
#253d5c rgb(37,61,92)
```
#2a466a
```
#2a466a rgb(42,70,106)
```
#304f78
```
#304f78 rgb(48,79,120)
```
#365886
```
#365886 rgb(54,88,134)
```
#3b6194
```
#3b6194 rgb(59,97,148)
```
#416aa2
```
#416aa2 rgb(65,106,162)
```
#4774b0
```
#4774b0 rgb(71,116,176)
```

Shade Color Variation

#517eb9
```
#517eb9 rgb(81,126,185)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#6d92c5
```
#6d92c5 rgb(109,146,197)
```
#7b9dca
```
#7b9dca rgb(123,157,202)
```
#89a7d0
```
#89a7d0 rgb(137,167,208)
```
#97b2d5
```
#97b2d5 rgb(151,178,213)
```
#a5bcdb
```
#a5bcdb rgb(165,188,219)
```
#b3c7e1
```
#b3c7e1 rgb(179,199,225)
```
#c1d1e6
```
#c1d1e6 rgb(193,209,230)
```
#cfdbec
```
#cfdbec rgb(207,219,236)
```
#dde6f1
```
#dde6f1 rgb(221,230,241)
```
#ebf0f7
```
#ebf0f7 rgb(235,240,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a8e94 is the less saturated color, while #237ffb is the most saturated one.

#8a8e94
```
#8a8e94 rgb(138,142,148)
```
#818d9d
```
#818d9d rgb(129,141,157)
```
#798ca5
```
#798ca5 rgb(121,140,165)
```
#708bae
```
#708bae rgb(112,139,174)
```
#6889b6
```
#6889b6 rgb(104,137,182)
```
#5f88bf
```
#5f88bf rgb(95,136,191)
```
#5687c8
```
#5687c8 rgb(86,135,200)
```
#4e85d0
```
#4e85d0 rgb(78,133,208)
```
#4584d9
```
#4584d9 rgb(69,132,217)
```
#3d83e1
```
#3d83e1 rgb(61,131,225)
```
#3482ea
```
#3482ea rgb(52,130,234)
```
#2b80f3
```
#2b80f3 rgb(43,128,243)
```
#237ffb
```
#237ffb rgb(35,127,251)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7b838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a8abf Protanopia 1% of men
#748bc3 Deuteranopia 1% of men
#59959f Tritanopia 0.001% of the population

Trichromacy

#7089bf Protanomaly 1% of men, 0.01% of women
#6c8ac1 Deuteranomaly 6% of men, 0.4% of women
#5b90ab Tritanomaly 0.01% of the population

#5f88bf hex color

#5f88bf Color Information

#5f88bf Color Conversion

Color Schemes with #5f88bf

Alternatives to #5f88bf

#5f88bf Preview

Shades and Tints of #5f88bf

Tones of #5f88bf

Color Blindness Simulator