#5d99b5 hex color

In a RGB color space, hex #5d99b5 is composed of 36.5% red, 60% green and 71% blue. Whereas in a CMYK color space, it is composed of 48.6% cyan, 15.5% magenta, 0% yellow and 29% black. It has a hue angle of 199.1 degrees, a saturation of 37.3% and a lightness of 53.7%. #5d99b5 color hex could be obtained by blending #baffff with #00336b. Closest websafe color is: #6699cc.

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

● #5d99b5 color description : Slightly desaturated blue.

The hexadecimal color #5d99b5 has RGB values of R:93, G:153, B:181 and CMYK values of C:0.49, M:0.15, Y:0, K:0.29. Its decimal value is 6134197.

Hex triplet	5d99b5	`#5d99b5`
RGB Decimal	93, 153, 181	`rgb(93,153,181)`
RGB Percent	36.5, 60, 71	`rgb(36.5%,60%,71%)`
CMYK	49, 15, 0, 29
HSL	199.1°, 37.3, 53.7	`hsl(199.1,37.3%,53.7%)`
HSV (or HSB)	199.1°, 48.6, 71
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.288, -11.732, -20.606
XYZ	24.244, 28.444, 47.926
xyY	0.241, 0.283, 28.444
CIE-LCH	60.288, 23.711, 240.345
CIE-LUV	60.288, -27.251, -29.672
Hunter-Lab	53.333, -12.192, -15.946
Binary	01011101, 10011001, 10110101

#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#b5795d
```
#b5795d rgb(181,121,93)
```

Complementary Color

#5db5a5
```
#5db5a5 rgb(93,181,165)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#5d6db5
```
#5d6db5 rgb(93,109,181)
```

Analogous Color

#b5a55d
```
#b5a55d rgb(181,165,93)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#b55d6d
```
#b55d6d rgb(181,93,109)
```

Split Complementary Color

#99b55d
```
#99b55d rgb(153,181,93)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#b55d99
```
#b55d99 rgb(181,93,153)
```

Triadic Color

#5db579
```
#5db579 rgb(93,181,121)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#b55d99
```
#b55d99 rgb(181,93,153)
```
#b5795d
```
#b5795d rgb(181,121,93)
```

Tetradic Color

#3e7088
```
#3e7088 rgb(62,112,136)
```
#467f99
```
#467f99 rgb(70,127,153)
```
#4e8dab
```
#4e8dab rgb(78,141,171)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#6fa4bd
```
#6fa4bd rgb(111,164,189)
```
#80afc5
```
#80afc5 rgb(128,175,197)
```
#92bacd
```
#92bacd rgb(146,186,205)
```

Monochromatic Color

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

#5dafb5
```
#5dafb5 rgb(93,175,181)
```
#5da8b5
```
#5da8b5 rgb(93,168,181)
```
#5da0b5
```
#5da0b5 rgb(93,160,181)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#5d92b5
```
#5d92b5 rgb(93,146,181)
```
#5d8ab5
```
#5d8ab5 rgb(93,138,181)
```
#5d83b5
```
#5d83b5 rgb(93,131,181)
```

Similar Colors

Text with hexadecimal color #5d99b5

This text has a font color of #5d99b5.

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

#5d99b5 background color

This paragraph has a background color of #5d99b5.

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

#5d99b5 border color

This element has a border color of #5d99b5.

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

CSS codes

.text {color:#5d99b5;}

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

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

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, #060b0d is the darkest color, while #ffffff is the lightest one.

#060b0d
```
#060b0d rgb(6,11,13)
```
#0c161b
```
#0c161b rgb(12,22,27)
```
#122128
```
#122128 rgb(18,33,40)
```
#182c35
```
#182c35 rgb(24,44,53)
```
#1f3743
```
#1f3743 rgb(31,55,67)
```
#254250
```
#254250 rgb(37,66,80)
```
#2b4e5e
```
#2b4e5e rgb(43,78,94)
```
#31596b
```
#31596b rgb(49,89,107)
```
#376479
```
#376479 rgb(55,100,121)
```
#3d6f86
```
#3d6f86 rgb(61,111,134)
```
#437a94
```
#437a94 rgb(67,122,148)
```
#4a85a1
```
#4a85a1 rgb(74,133,161)
```
#5090af
```
#5090af rgb(80,144,175)
```

Shade Color Variation

#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#6aa1bb
```
#6aa1bb rgb(106,161,187)
```
#78aac1
```
#78aac1 rgb(120,170,193)
```
#85b2c7
```
#85b2c7 rgb(133,178,199)
```
#93bbce
```
#93bbce rgb(147,187,206)
```
#a0c3d4
```
#a0c3d4 rgb(160,195,212)
```
#aeccda
```
#aeccda rgb(174,204,218)
```
#bbd4e0
```
#bbd4e0 rgb(187,212,224)
```
#c9dde6
```
#c9dde6 rgb(201,221,230)
```
#d6e5ec
```
#d6e5ec rgb(214,229,236)
```
#e4eef3
```
#e4eef3 rgb(228,238,243)
```
#f1f6f9
```
#f1f6f9 rgb(241,246,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#818c91
```
#818c91 rgb(129,140,145)
```
#788f9a
```
#788f9a rgb(120,143,154)
```
#6f92a3
```
#6f92a3 rgb(111,146,163)
```
#6696ac
```
#6696ac rgb(102,150,172)
```
#5d99b5
```
#5d99b5 rgb(93,153,181)
```
#549cbe
```
#549cbe rgb(84,156,190)
```
#4ba0c7
```
#4ba0c7 rgb(75,160,199)
```
#42a3d0
```
#42a3d0 rgb(66,163,208)
```
#39a6d9
```
#39a6d9 rgb(57,166,217)
```
#30aae2
```
#30aae2 rgb(48,170,226)
```
#27adeb
```
#27adeb rgb(39,173,235)
```
#1db0f5
```
#1db0f5 rgb(29,176,245)
```
#14b3fe
```
#14b3fe rgb(20,179,254)
```

Tone Color Variation

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

#9095b3 Protanopia 1% of men
#9094bc Deuteranopia 1% of men
#60a0ac Tritanopia 0.001% of the population

Trichromacy

#7d96b4 Protanomaly 1% of men, 0.01% of women
#7d96b9 Deuteranomaly 6% of men, 0.4% of women
#5f9daf Tritanomaly 0.01% of the population

#5d99b5 hex color

#5d99b5 Color Information

#5d99b5 Color Conversion

Color Schemes with #5d99b5

Alternatives to #5d99b5

#5d99b5 Preview

Shades and Tints of #5d99b5

Tones of #5d99b5

Color Blindness Simulator