#5b99bd hex color

In a RGB color space, hex #5b99bd is composed of 35.7% red, 60% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 19% magenta, 0% yellow and 25.9% black. It has a hue angle of 202 degrees, a saturation of 42.6% and a lightness of 54.9%. #5b99bd color hex could be obtained by blending #b6ffff with #00337b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 60
- B 74
RGB color chart
- C 52
- M 19
- Y 0
- K 26
CMYK color chart

● #5b99bd color description : Moderate blue.

The hexadecimal color #5b99bd has RGB values of R:91, G:153, B:189 and CMYK values of C:0.52, M:0.19, Y:0, K:0.26. Its decimal value is 6003133.

Hex triplet	5b99bd	`#5b99bd`
RGB Decimal	91, 153, 189	`rgb(91,153,189)`
RGB Percent	35.7, 60, 74.1	`rgb(35.7%,60%,74.1%)`
CMYK	52, 19, 0, 26
HSL	202°, 42.6, 54.9	`hsl(202,42.6%,54.9%)`
HSV (or HSB)	202°, 51.9, 74.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	60.498, -9.848, -24.804
XYZ	24.889, 28.679, 52.365
xyY	0.235, 0.271, 28.679
CIE-LCH	60.498, 26.687, 248.346
CIE-LUV	60.498, -27.695, -36.73
Hunter-Lab	53.553, -10.76, -20.488
Binary	01011011, 10011001, 10111101

#5b99bd
```
#5b99bd rgb(91,153,189)
```
#bd7f5b
```
#bd7f5b rgb(189,127,91)
```

Complementary Color

#5bbdb0
```
#5bbdb0 rgb(91,189,176)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#5b68bd
```
#5b68bd rgb(91,104,189)
```

Analogous Color

#bdb05b
```
#bdb05b rgb(189,176,91)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#bd5b68
```
#bd5b68 rgb(189,91,104)
```

Split Complementary Color

#99bd5b
```
#99bd5b rgb(153,189,91)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#bd5b99
```
#bd5b99 rgb(189,91,153)
```

Triadic Color

#5bbd7f
```
#5bbd7f rgb(91,189,127)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#bd5b99
```
#bd5b99 rgb(189,91,153)
```
#bd7f5b
```
#bd7f5b rgb(189,127,91)
```

Tetradic Color

#3a7191
```
#3a7191 rgb(58,113,145)
```
#427fa3
```
#427fa3 rgb(66,127,163)
```
#498eb5
```
#498eb5 rgb(73,142,181)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#6da4c4
```
#6da4c4 rgb(109,164,196)
```
#7fb0cc
```
#7fb0cc rgb(127,176,204)
```
#92bbd3
```
#92bbd3 rgb(146,187,211)
```

Monochromatic Color

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

#5bb2bd
```
#5bb2bd rgb(91,178,189)
```
#5ba9bd
```
#5ba9bd rgb(91,169,189)
```
#5ba1bd
```
#5ba1bd rgb(91,161,189)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#5b91bd
```
#5b91bd rgb(91,145,189)
```
#5b89bd
```
#5b89bd rgb(91,137,189)
```
#5b81bd
```
#5b81bd rgb(91,129,189)
```

Similar Colors

Text with hexadecimal color #5b99bd

This text has a font color of #5b99bd.

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

#5b99bd background color

This paragraph has a background color of #5b99bd.

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

#5b99bd border color

This element has a border color of #5b99bd.

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

CSS codes

.text {color:#5b99bd;}

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

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

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)
```
#0d1920
```
#0d1920 rgb(13,25,32)
```
#12242e
```
#12242e rgb(18,36,46)
```
#182f3c
```
#182f3c rgb(24,47,60)
```
#1e3a4a
```
#1e3a4a rgb(30,58,74)
```
#234458
```
#234458 rgb(35,68,88)
```
#294f66
```
#294f66 rgb(41,79,102)
```
#2f5a74
```
#2f5a74 rgb(47,90,116)
```
#346582
```
#346582 rgb(52,101,130)
```
#3a7090
```
#3a7090 rgb(58,112,144)
```
#3f7b9e
```
#3f7b9e rgb(63,123,158)
```
#4586ac
```
#4586ac rgb(69,134,172)
```

Shade Color Variation

#4d90b7
```
#4d90b7 rgb(77,144,183)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#69a2c3
```
#69a2c3 rgb(105,162,195)
```
#77aac8
```
#77aac8 rgb(119,170,200)
```
#85b3ce
```
#85b3ce rgb(133,179,206)
```
#93bcd4
```
#93bcd4 rgb(147,188,212)
```
#a1c4d9
```
#a1c4d9 rgb(161,196,217)
```
#afcddf
```
#afcddf rgb(175,205,223)
```
#bdd6e4
```
#bdd6e4 rgb(189,214,228)
```
#cbdfea
```
#cbdfea rgb(203,223,234)
```
#d9e7f0
```
#d9e7f0 rgb(217,231,240)
```
#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, #878d91 is the less saturated color, while #1da9fb is the most saturated one.

#878d91
```
#878d91 rgb(135,141,145)
```
#7e909a
```
#7e909a rgb(126,144,154)
```
#7692a2
```
#7692a2 rgb(118,146,162)
```
#6d94ab
```
#6d94ab rgb(109,148,171)
```
#6497b4
```
#6497b4 rgb(100,151,180)
```
#5b99bd
```
#5b99bd rgb(91,153,189)
```
#529bc6
```
#529bc6 rgb(82,155,198)
```
#499ecf
```
#499ecf rgb(73,158,207)
```
#40a0d8
```
#40a0d8 rgb(64,160,216)
```
#38a2e0
```
#38a2e0 rgb(56,162,224)
```
#2fa5e9
```
#2fa5e9 rgb(47,165,233)
```
#26a7f2
```
#26a7f2 rgb(38,167,242)
```
#1da9fb
```
#1da9fb rgb(29,169,251)
```

Tone Color Variation

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

Dichromacy

#8d96bb Protanopia 1% of men
#8b95c3 Deuteranopia 1% of men
#5ba1ad Tritanopia 0.001% of the population

Trichromacy

#7b97bb Protanomaly 1% of men, 0.01% of women
#7a96c1 Deuteranomaly 6% of men, 0.4% of women
#5b9eb3 Tritanomaly 0.01% of the population

#5b99bd hex color

#5b99bd Color Information

#5b99bd Color Conversion

Color Schemes with #5b99bd

Alternatives to #5b99bd

#5b99bd Preview

Shades and Tints of #5b99bd

Tones of #5b99bd

Color Blindness Simulator