#5d99b6 hex color

In a RGB color space, hex #5d99b6 is composed of 36.5% red, 60% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 48.9% cyan, 15.9% magenta, 0% yellow and 28.6% black. It has a hue angle of 199.6 degrees, a saturation of 37.9% and a lightness of 53.9%. #5d99b6 color hex could be obtained by blending #baffff with #00336d. Closest websafe color is: #6699cc.

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

● #5d99b6 color description : Slightly desaturated blue.

The hexadecimal color #5d99b6 has RGB values of R:93, G:153, B:182 and CMYK values of C:0.49, M:0.16, Y:0, K:0.29. Its decimal value is 6134198.

Hex triplet	5d99b6	`#5d99b6`
RGB Decimal	93, 153, 182	`rgb(93,153,182)`
RGB Percent	36.5, 60, 71.4	`rgb(36.5%,60%,71.4%)`
CMYK	49, 16, 0, 29
HSL	199.6°, 37.9, 53.9	`hsl(199.6,37.9%,53.9%)`
HSV (or HSB)	199.6°, 48.9, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.325, -11.442, -21.114
XYZ	24.347, 28.486, 48.469
xyY	0.24, 0.281, 28.486
CIE-LCH	60.325, 24.015, 241.545
CIE-LUV	60.325, -27.23, -30.531
Hunter-Lab	53.372, -11.974, -16.483
Binary	01011101, 10011001, 10110110

#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#b67a5d
```
#b67a5d rgb(182,122,93)
```

Complementary Color

#5db6a7
```
#5db6a7 rgb(93,182,167)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#5d6db6
```
#5d6db6 rgb(93,109,182)
```

Analogous Color

#b6a75d
```
#b6a75d rgb(182,167,93)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#b65d6d
```
#b65d6d rgb(182,93,109)
```

Split Complementary Color

#99b65d
```
#99b65d rgb(153,182,93)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#b65d99
```
#b65d99 rgb(182,93,153)
```

Triadic Color

#5db67a
```
#5db67a rgb(93,182,122)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#b65d99
```
#b65d99 rgb(182,93,153)
```
#b67a5d
```
#b67a5d rgb(182,122,93)
```

Tetradic Color

#3e7089
```
#3e7089 rgb(62,112,137)
```
#467f9a
```
#467f9a rgb(70,127,154)
```
#4e8dac
```
#4e8dac rgb(78,141,172)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#6fa4be
```
#6fa4be rgb(111,164,190)
```
#80afc6
```
#80afc6 rgb(128,175,198)
```
#92bace
```
#92bace rgb(146,186,206)
```

Monochromatic Color

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

#5dafb6
```
#5dafb6 rgb(93,175,182)
```
#5da8b6
```
#5da8b6 rgb(93,168,182)
```
#5da0b6
```
#5da0b6 rgb(93,160,182)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#5d92b6
```
#5d92b6 rgb(93,146,182)
```
#5d8ab6
```
#5d8ab6 rgb(93,138,182)
```
#5d83b6
```
#5d83b6 rgb(93,131,182)
```

Similar Colors

Text with hexadecimal color #5d99b6

This text has a font color of #5d99b6.

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

#5d99b6 background color

This paragraph has a background color of #5d99b6.

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

#5d99b6 border color

This element has a border color of #5d99b6.

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

CSS codes

.text {color:#5d99b6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#060b0e
```
#060b0e rgb(6,11,14)
```
#0c161b
```
#0c161b rgb(12,22,27)
```
#122229
```
#122229 rgb(18,34,41)
```
#182d36
```
#182d36 rgb(24,45,54)
```
#1f3844
```
#1f3844 rgb(31,56,68)
```
#254351
```
#254351 rgb(37,67,81)
```
#2b4e5f
```
#2b4e5f rgb(43,78,95)
```
#31596c
```
#31596c rgb(49,89,108)
```
#37647a
```
#37647a rgb(55,100,122)
```
#3d6f87
```
#3d6f87 rgb(61,111,135)
```
#437a95
```
#437a95 rgb(67,122,149)
```
#4985a3
```
#4985a3 rgb(73,133,163)
```

Shade Color Variation

#4f90b0
```
#4f90b0 rgb(79,144,176)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#6ba2bc
```
#6ba2bc rgb(107,162,188)
```
#78aac2
```
#78aac2 rgb(120,170,194)
```
#86b3c8
```
#86b3c8 rgb(134,179,200)
```
#93bbce
```
#93bbce rgb(147,187,206)
```
#a1c4d4
```
#a1c4d4 rgb(161,196,212)
```
#aeccdb
```
#aeccdb rgb(174,204,219)
```
#bcd5e1
```
#bcd5e1 rgb(188,213,225)
```
#c9dde7
```
#c9dde7 rgb(201,221,231)
```
#d7e6ed
```
#d7e6ed rgb(215,230,237)
```
#e4eef3
```
#e4eef3 rgb(228,238,243)
```
#f2f7f9
```
#f2f7f9 rgb(242,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818c92 is the less saturated color, while #15b2fe is the most saturated one.

#818c92
```
#818c92 rgb(129,140,146)
```
#78909b
```
#78909b rgb(120,144,155)
```
#6f93a4
```
#6f93a4 rgb(111,147,164)
```
#6696ad
```
#6696ad rgb(102,150,173)
```
#5d99b6
```
#5d99b6 rgb(93,153,182)
```
#549cbf
```
#549cbf rgb(84,156,191)
```
#4b9fc8
```
#4b9fc8 rgb(75,159,200)
```
#42a2d1
```
#42a2d1 rgb(66,162,209)
```
#39a6da
```
#39a6da rgb(57,166,218)
```
#30a9e3
```
#30a9e3 rgb(48,169,227)
```
#27acec
```
#27acec rgb(39,172,236)
```
#1eaff5
```
#1eaff5 rgb(30,175,245)
```
#15b2fe
```
#15b2fe rgb(21,178,254)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#818d93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f95b4 Protanopia 1% of men
#8f94bd Deuteranopia 1% of men
#60a0ac Tritanopia 0.001% of the population

Trichromacy

#7d96b5 Protanomaly 1% of men, 0.01% of women
#7d96ba Deuteranomaly 6% of men, 0.4% of women
#5e9daf Tritanomaly 0.01% of the population

#5d99b6 hex color

#5d99b6 Color Information

#5d99b6 Color Conversion

Color Schemes with #5d99b6

Alternatives to #5d99b6

#5d99b6 Preview

Shades and Tints of #5d99b6

Tones of #5d99b6

Color Blindness Simulator