#5f88b2 hex color

In a RGB color space, hex #5f88b2 is composed of 37.3% red, 53.3% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 46.6% cyan, 23.6% magenta, 0% yellow and 30.2% black. It has a hue angle of 210.4 degrees, a saturation of 35% and a lightness of 53.5%. #5f88b2 color hex could be obtained by blending #beffff with #001165. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 37
- G 53
- B 70
RGB color chart
- C 47
- M 24
- Y 0
- K 30
CMYK color chart

● #5f88b2 color description : Dark moderate blue.

The hexadecimal color #5f88b2 has RGB values of R:95, G:136, B:178 and CMYK values of C:0.47, M:0.24, Y:0, K:0.3. Its decimal value is 6260914.

Hex triplet	5f88b2	`#5f88b2`
RGB Decimal	95, 136, 178	`rgb(95,136,178)`
RGB Percent	37.3, 53.3, 69.8	`rgb(37.3%,53.3%,69.8%)`
CMYK	47, 24, 0, 30
HSL	210.4°, 35, 53.5	`hsl(210.4,35%,53.5%)`
HSV (or HSB)	210.4°, 46.6, 69.8
Web Safe	669999	`#669999`

CIE-LAB	55.334, -2.549, -26.503
XYZ	21.558, 23.255, 45.47
xyY	0.239, 0.258, 23.255
CIE-LCH	55.334, 26.625, 264.506
CIE-LUV	55.334, -19.917, -39.821
Hunter-Lab	48.223, -4.594, -22.149
Binary	01011111, 10001000, 10110010

#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#b2895f
```
#b2895f rgb(178,137,95)
```

Complementary Color

#5fb2b2
```
#5fb2b2 rgb(95,178,178)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#5f5fb2
```
#5f5fb2 rgb(95,95,178)
```

Analogous Color

#b2b25f
```
#b2b25f rgb(178,178,95)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#b25f5f
```
#b25f5f rgb(178,95,95)
```

Split Complementary Color

#88b25f
```
#88b25f rgb(136,178,95)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#b25f88
```
#b25f88 rgb(178,95,136)
```

Triadic Color

#5fb289
```
#5fb289 rgb(95,178,137)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#b25f88
```
#b25f88 rgb(178,95,136)
```
#b2895f
```
#b2895f rgb(178,137,95)
```

Tetradic Color

#406285
```
#406285 rgb(64,98,133)
```
#486f96
```
#486f96 rgb(72,111,150)
```
#507ba7
```
#507ba7 rgb(80,123,167)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#7095ba
```
#7095ba rgb(112,149,186)
```
#81a2c3
```
#81a2c3 rgb(129,162,195)
```
#93aecb
```
#93aecb rgb(147,174,203)
```

Monochromatic Color

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

#5f9db2
```
#5f9db2 rgb(95,157,178)
```
#5f96b2
```
#5f96b2 rgb(95,150,178)
```
#5f8fb2
```
#5f8fb2 rgb(95,143,178)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#5f81b2
```
#5f81b2 rgb(95,129,178)
```
#5f7ab2
```
#5f7ab2 rgb(95,122,178)
```
#5f73b2
```
#5f73b2 rgb(95,115,178)
```

Similar Colors

Text with hexadecimal color #5f88b2

This text has a font color of #5f88b2.

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

#5f88b2 background color

This paragraph has a background color of #5f88b2.

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

#5f88b2 border color

This element has a border color of #5f88b2.

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

CSS codes

.text {color:#5f88b2;}

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

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

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, #06090c is the darkest color, while #fefefe is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0c1319
```
#0c1319 rgb(12,19,25)
```
#131c27
```
#131c27 rgb(19,28,39)
```
#192634
```
#192634 rgb(25,38,52)
```
#1f3041
```
#1f3041 rgb(31,48,65)
```
#263a4e
```
#263a4e rgb(38,58,78)
```
#2c445c
```
#2c445c rgb(44,68,92)
```
#324d69
```
#324d69 rgb(50,77,105)
```
#395776
```
#395776 rgb(57,87,118)
```
#3f6183
```
#3f6183 rgb(63,97,131)
```
#466b91
```
#466b91 rgb(70,107,145)
```
#4c749e
```
#4c749e rgb(76,116,158)
```
#527eab
```
#527eab rgb(82,126,171)
```

Shade Color Variation

#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#6c92b8
```
#6c92b8 rgb(108,146,184)
```
#799cbf
```
#799cbf rgb(121,156,191)
```
#87a6c5
```
#87a6c5 rgb(135,166,197)
```
#94afcb
```
#94afcb rgb(148,175,203)
```
#a1b9d2
```
#a1b9d2 rgb(161,185,210)
```
#aec3d8
```
#aec3d8 rgb(174,195,216)
```
#bccddf
```
#bccddf rgb(188,205,223)
```
#c9d7e5
```
#c9d7e5 rgb(201,215,229)
```
#d6e1eb
```
#d6e1eb rgb(214,225,235)
```
#e3eaf2
```
#e3eaf2 rgb(227,234,242)
```
#f1f4f8
```
#f1f4f8 rgb(241,244,248)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#83888e
```
#83888e rgb(131,136,142)
```
#7a8897
```
#7a8897 rgb(122,136,151)
```
#7188a0
```
#7188a0 rgb(113,136,160)
```
#6888a9
```
#6888a9 rgb(104,136,169)
```
#5f88b2
```
#5f88b2 rgb(95,136,178)
```
#5688bb
```
#5688bb rgb(86,136,187)
```
#4d88c4
```
#4d88c4 rgb(77,136,196)
```
#4488cd
```
#4488cd rgb(68,136,205)
```
#3b88d6
```
#3b88d6 rgb(59,136,214)
```
#3187e0
```
#3187e0 rgb(49,135,224)
```
#2887e9
```
#2887e9 rgb(40,135,233)
```
#1f87f2
```
#1f87f2 rgb(31,135,242)
```
#1687fb
```
#1687fb rgb(22,135,251)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#7a828b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e89b2 Protanopia 1% of men
#7c89b7 Deuteranopia 1% of men
#5e929d Tritanopia 0.001% of the population

Trichromacy

#7388b2 Protanomaly 1% of men, 0.01% of women
#7188b5 Deuteranomaly 6% of men, 0.4% of women
#5e8ea5 Tritanomaly 0.01% of the population

#5f88b2 hex color

#5f88b2 Color Information

#5f88b2 Color Conversion

Color Schemes with #5f88b2

Alternatives to #5f88b2

#5f88b2 Preview

Shades and Tints of #5f88b2

Tones of #5f88b2

Color Blindness Simulator