#5f99b6 hex color

In a RGB color space, hex #5f99b6 is composed of 37.3% red, 60% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 47.8% cyan, 15.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 200 degrees, a saturation of 37.3% and a lightness of 54.3%. #5f99b6 color hex could be obtained by blending #beffff with #00336d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 60
- B 71
RGB color chart
- C 48
- M 16
- Y 0
- K 29
CMYK color chart

● #5f99b6 color description : Slightly desaturated blue.

The hexadecimal color #5f99b6 has RGB values of R:95, G:153, B:182 and CMYK values of C:0.48, M:0.16, Y:0, K:0.29. Its decimal value is 6265270.

Hex triplet	5f99b6	`#5f99b6`
RGB Decimal	95, 153, 182	`rgb(95,153,182)`
RGB Percent	37.3, 60, 71.4	`rgb(37.3%,60%,71.4%)`
CMYK	48, 16, 0, 29
HSL	200°, 37.3, 54.3	`hsl(200,37.3%,54.3%)`
HSV (or HSB)	200°, 47.8, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.419, -10.96, -20.961
XYZ	24.552, 28.591, 48.478
xyY	0.242, 0.281, 28.591
CIE-LCH	60.419, 23.654, 242.397
CIE-LUV	60.419, -26.586, -30.356
Hunter-Lab	53.471, -11.613, -16.324
Binary	01011111, 10011001, 10110110

#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#b67c5f
```
#b67c5f rgb(182,124,95)
```

Complementary Color

#5fb6a8
```
#5fb6a8 rgb(95,182,168)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#5f6eb6
```
#5f6eb6 rgb(95,110,182)
```

Analogous Color

#b6a85f
```
#b6a85f rgb(182,168,95)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#b65f6e
```
#b65f6e rgb(182,95,110)
```

Split Complementary Color

#99b65f
```
#99b65f rgb(153,182,95)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#b65f99
```
#b65f99 rgb(182,95,153)
```

Triadic Color

#5fb67c
```
#5fb67c rgb(95,182,124)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#b65f99
```
#b65f99 rgb(182,95,153)
```
#b67c5f
```
#b67c5f rgb(182,124,95)
```

Tetradic Color

#3f718a
```
#3f718a rgb(63,113,138)
```
#477f9b
```
#477f9b rgb(71,127,155)
```
#4f8dad
```
#4f8dad rgb(79,141,173)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#71a4be
```
#71a4be rgb(113,164,190)
```
#82afc6
```
#82afc6 rgb(130,175,198)
```
#94bace
```
#94bace rgb(148,186,206)
```

Monochromatic Color

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

#5fafb6
```
#5fafb6 rgb(95,175,182)
```
#5fa8b6
```
#5fa8b6 rgb(95,168,182)
```
#5fa0b6
```
#5fa0b6 rgb(95,160,182)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#5f92b6
```
#5f92b6 rgb(95,146,182)
```
#5f8bb6
```
#5f8bb6 rgb(95,139,182)
```
#5f83b6
```
#5f83b6 rgb(95,131,182)
```

Similar Colors

Text with hexadecimal color #5f99b6

This text has a font color of #5f99b6.

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

#5f99b6 background color

This paragraph has a background color of #5f99b6.

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

#5f99b6 border color

This element has a border color of #5f99b6.

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

CSS codes

.text {color:#5f99b6;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#070c0f
```
#070c0f rgb(7,12,15)
```
#0d171d
```
#0d171d rgb(13,23,29)
```
#13222a
```
#13222a rgb(19,34,42)
```
#192d38
```
#192d38 rgb(25,45,56)
```
#1f3845
```
#1f3845 rgb(31,56,69)
```
#264452
```
#264452 rgb(38,68,82)
```
#2c4f60
```
#2c4f60 rgb(44,79,96)
```
#325a6d
```
#325a6d rgb(50,90,109)
```
#38657b
```
#38657b rgb(56,101,123)
```
#3e7088
```
#3e7088 rgb(62,112,136)
```
#447b96
```
#447b96 rgb(68,123,150)
```
#4a86a3
```
#4a86a3 rgb(74,134,163)
```

Shade Color Variation

#5290b0
```
#5290b0 rgb(82,144,176)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#6ca2bc
```
#6ca2bc rgb(108,162,188)
```
#7aaac2
```
#7aaac2 rgb(122,170,194)
```
#87b3c8
```
#87b3c8 rgb(135,179,200)
```
#95bbcf
```
#95bbcf rgb(149,187,207)
```
#a2c4d5
```
#a2c4d5 rgb(162,196,213)
```
#b0cddb
```
#b0cddb rgb(176,205,219)
```
#bdd5e1
```
#bdd5e1 rgb(189,213,225)
```
#cbdee7
```
#cbdee7 rgb(203,222,231)
```
#d8e6ed
```
#d8e6ed rgb(216,230,237)
```
#e6eff3
```
#e6eff3 rgb(230,239,243)
```
#f3f7fa
```
#f3f7fa rgb(243,247,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838d92 is the less saturated color, while #17b1fe is the most saturated one.

#838d92
```
#838d92 rgb(131,141,146)
```
#7a909b
```
#7a909b rgb(122,144,155)
```
#7193a4
```
#7193a4 rgb(113,147,164)
```
#6896ad
```
#6896ad rgb(104,150,173)
```
#5f99b6
```
#5f99b6 rgb(95,153,182)
```
#569cbf
```
#569cbf rgb(86,156,191)
```
#4d9fc8
```
#4d9fc8 rgb(77,159,200)
```
#44a2d1
```
#44a2d1 rgb(68,162,209)
```
#3ba5da
```
#3ba5da rgb(59,165,218)
```
#32a8e3
```
#32a8e3 rgb(50,168,227)
```
#29abec
```
#29abec rgb(41,171,236)
```
#20aef5
```
#20aef5 rgb(32,174,245)
```
#17b1fe
```
#17b1fe rgb(23,177,254)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#828e94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9096b4 Protanopia 1% of men
#9094bd Deuteranopia 1% of men
#62a0ac Tritanopia 0.001% of the population

Trichromacy

#7e97b5 Protanomaly 1% of men, 0.01% of women
#7e96ba Deuteranomaly 6% of men, 0.4% of women
#609daf Tritanomaly 0.01% of the population

#5f99b6 hex color

#5f99b6 Color Information

#5f99b6 Color Conversion

Color Schemes with #5f99b6

Alternatives to #5f99b6

#5f99b6 Preview

Shades and Tints of #5f99b6

Tones of #5f99b6

Color Blindness Simulator