#5d99bb hex color

In a RGB color space, hex #5d99bb is composed of 36.5% red, 60% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 18.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 201.7 degrees, a saturation of 40.9% and a lightness of 54.9%. #5d99bb color hex could be obtained by blending #baffff with #003377. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 60
- B 73
RGB color chart
- C 50
- M 18
- Y 0
- K 27
CMYK color chart

● #5d99bb color description : Moderate blue.

The hexadecimal color #5d99bb has RGB values of R:93, G:153, B:187 and CMYK values of C:0.5, M:0.18, Y:0, K:0.27. Its decimal value is 6134203.

Hex triplet	5d99bb	`#5d99bb`
RGB Decimal	93, 153, 187	`rgb(93,153,187)`
RGB Percent	36.5, 60, 73.3	`rgb(36.5%,60%,73.3%)`
CMYK	50, 18, 0, 27
HSL	201.7°, 40.9, 54.9	`hsl(201.7,40.9%,54.9%)`
HSV (or HSB)	201.7°, 50.3, 73.3
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.512, -9.98, -23.647
XYZ	24.873, 28.696, 51.239
xyY	0.237, 0.274, 28.696
CIE-LCH	60.512, 25.666, 247.119
CIE-LUV	60.512, -27.124, -34.832
Hunter-Lab	53.569, -10.865, -19.214
Binary	01011101, 10011001, 10111011

#5d99bb
```
#5d99bb rgb(93,153,187)
```
#bb7f5d
```
#bb7f5d rgb(187,127,93)
```

Complementary Color

#5dbbae
```
#5dbbae rgb(93,187,174)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#5d6abb
```
#5d6abb rgb(93,106,187)
```

Analogous Color

#bbae5d
```
#bbae5d rgb(187,174,93)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#bb5d6a
```
#bb5d6a rgb(187,93,106)
```

Split Complementary Color

#99bb5d
```
#99bb5d rgb(153,187,93)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#bb5d99
```
#bb5d99 rgb(187,93,153)
```

Triadic Color

#5dbb7f
```
#5dbb7f rgb(93,187,127)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#bb5d99
```
#bb5d99 rgb(187,93,153)
```
#bb7f5d
```
#bb7f5d rgb(187,127,93)
```

Tetradic Color

#3c718f
```
#3c718f rgb(60,113,143)
```
#447fa1
```
#447fa1 rgb(68,127,161)
```
#4b8eb3
```
#4b8eb3 rgb(75,142,179)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#6fa4c3
```
#6fa4c3 rgb(111,164,195)
```
#81b0ca
```
#81b0ca rgb(129,176,202)
```
#93bbd2
```
#93bbd2 rgb(147,187,210)
```

Monochromatic Color

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

#5db1bb
```
#5db1bb rgb(93,177,187)
```
#5da9bb
```
#5da9bb rgb(93,169,187)
```
#5da1bb
```
#5da1bb rgb(93,161,187)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#5d91bb
```
#5d91bb rgb(93,145,187)
```
#5d89bb
```
#5d89bb rgb(93,137,187)
```
#5d82bb
```
#5d82bb rgb(93,130,187)
```

Similar Colors

Text with hexadecimal color #5d99bb

This text has a font color of #5d99bb.

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

#5d99bb background color

This paragraph has a background color of #5d99bb.

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

#5d99bb border color

This element has a border color of #5d99bb.

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

CSS codes

.text {color:#5d99bb;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070e12
```
#070e12 rgb(7,14,18)
```
#0d191f
```
#0d191f rgb(13,25,31)
```
#13242d
```
#13242d rgb(19,36,45)
```
#192f3b
```
#192f3b rgb(25,47,59)
```
#1f3a49
```
#1f3a49 rgb(31,58,73)
```
#244457
```
#244457 rgb(36,68,87)
```
#2a4f65
```
#2a4f65 rgb(42,79,101)
```
#305a72
```
#305a72 rgb(48,90,114)
```
#366580
```
#366580 rgb(54,101,128)
```
#3c708e
```
#3c708e rgb(60,112,142)
```
#417b9c
```
#417b9c rgb(65,123,156)
```
#4786aa
```
#4786aa rgb(71,134,170)
```

Shade Color Variation

#4f90b5
```
#4f90b5 rgb(79,144,181)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#6ba2c1
```
#6ba2c1 rgb(107,162,193)
```
#79aac7
```
#79aac7 rgb(121,170,199)
```
#86b3cc
```
#86b3cc rgb(134,179,204)
```
#94bcd2
```
#94bcd2 rgb(148,188,210)
```
#a2c4d8
```
#a2c4d8 rgb(162,196,216)
```
#b0cdde
```
#b0cdde rgb(176,205,222)
```
#bed6e4
```
#bed6e4 rgb(190,214,228)
```
#ccdfe9
```
#ccdfe9 rgb(204,223,233)
```
#d9e7ef
```
#d9e7ef rgb(217,231,239)
```
#e7f0f5
```
#e7f0f5 rgb(231,240,245)
```
#f5f9fb
```
#f5f9fb rgb(245,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898d8f is the less saturated color, while #1faaf9 is the most saturated one.

#898d8f
```
#898d8f rgb(137,141,143)
```
#808f98
```
#808f98 rgb(128,143,152)
```
#7892a0
```
#7892a0 rgb(120,146,160)
```
#6f94a9
```
#6f94a9 rgb(111,148,169)
```
#6697b2
```
#6697b2 rgb(102,151,178)
```
#5d99bb
```
#5d99bb rgb(93,153,187)
```
#549bc4
```
#549bc4 rgb(84,155,196)
```
#4b9ecd
```
#4b9ecd rgb(75,158,205)
```
#42a0d6
```
#42a0d6 rgb(66,160,214)
```
#3aa3de
```
#3aa3de rgb(58,163,222)
```
#31a5e7
```
#31a5e7 rgb(49,165,231)
```
#28a8f0
```
#28a8f0 rgb(40,168,240)
```
#1faaf9
```
#1faaf9 rgb(31,170,249)
```

Tone Color Variation

Below, you can see how #5d99bb 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
#828e95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e96b9 Protanopia 1% of men
#8d95c1 Deuteranopia 1% of men
#5ea1ad Tritanopia 0.001% of the population

Trichromacy

#7c97b9 Protanomaly 1% of men, 0.01% of women
#7b96bf Deuteranomaly 6% of men, 0.4% of women
#5d9eb2 Tritanomaly 0.01% of the population

#5d99bb hex color

#5d99bb Color Information

#5d99bb Color Conversion

Color Schemes with #5d99bb

Alternatives to #5d99bb

#5d99bb Preview

Shades and Tints of #5d99bb

Tones of #5d99bb

Color Blindness Simulator