#5b9abd hex color

In a RGB color space, hex #5b9abd is composed of 35.7% red, 60.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 51.9% cyan, 18.5% magenta, 0% yellow and 25.9% black. It has a hue angle of 201.4 degrees, a saturation of 42.6% and a lightness of 54.9%. #5b9abd color hex could be obtained by blending #b6ffff with #00357b. 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

● #5b9abd color description : Moderate blue.

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

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

CIE-LAB	60.789, -10.4, -24.356
XYZ	25.053, 29.008, 52.42
xyY	0.235, 0.272, 29.008
CIE-LCH	60.789, 26.484, 246.878
CIE-LUV	60.789, -28.082, -35.958
Hunter-Lab	53.859, -11.222, -20.005
Binary	01011011, 10011010, 10111101

#5b9abd
```
#5b9abd rgb(91,154,189)
```
#bd7e5b
```
#bd7e5b rgb(189,126,91)
```

Complementary Color

#5bbdaf
```
#5bbdaf rgb(91,189,175)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#5b69bd
```
#5b69bd rgb(91,105,189)
```

Analogous Color

#bdaf5b
```
#bdaf5b rgb(189,175,91)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#bd5b69
```
#bd5b69 rgb(189,91,105)
```

Split Complementary Color

#9abd5b
```
#9abd5b rgb(154,189,91)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#bd5b9a
```
#bd5b9a rgb(189,91,154)
```

Triadic Color

#5bbd7e
```
#5bbd7e rgb(91,189,126)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#bd5b9a
```
#bd5b9a rgb(189,91,154)
```
#bd7e5b
```
#bd7e5b rgb(189,126,91)
```

Tetradic Color

#3a7291
```
#3a7291 rgb(58,114,145)
```
#4280a3
```
#4280a3 rgb(66,128,163)
```
#498fb5
```
#498fb5 rgb(73,143,181)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#6da5c4
```
#6da5c4 rgb(109,165,196)
```
#7fb0cc
```
#7fb0cc rgb(127,176,204)
```
#92bcd3
```
#92bcd3 rgb(146,188,211)
```

Monochromatic Color

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

#5bb3bd
```
#5bb3bd rgb(91,179,189)
```
#5baabd
```
#5baabd rgb(91,170,189)
```
#5ba2bd
```
#5ba2bd rgb(91,162,189)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#5b92bd
```
#5b92bd rgb(91,146,189)
```
#5b8abd
```
#5b8abd rgb(91,138,189)
```
#5b82bd
```
#5b82bd rgb(91,130,189)
```

Similar Colors

Text with hexadecimal color #5b9abd

This text has a font color of #5b9abd.

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

#5b9abd background color

This paragraph has a background color of #5b9abd.

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

#5b9abd border color

This element has a border color of #5b9abd.

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

CSS codes

.text {color:#5b9abd;}

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

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

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)
```
#234558
```
#234558 rgb(35,69,88)
```
#295066
```
#295066 rgb(41,80,102)
```
#2f5b74
```
#2f5b74 rgb(47,91,116)
```
#346682
```
#346682 rgb(52,102,130)
```
#3a7190
```
#3a7190 rgb(58,113,144)
```
#3f7c9e
```
#3f7c9e rgb(63,124,158)
```
#4587ac
```
#4587ac rgb(69,135,172)
```

Shade Color Variation

#4d91b7
```
#4d91b7 rgb(77,145,183)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#69a3c3
```
#69a3c3 rgb(105,163,195)
```
#77abc8
```
#77abc8 rgb(119,171,200)
```
#85b4ce
```
#85b4ce rgb(133,180,206)
```
#93bcd4
```
#93bcd4 rgb(147,188,212)
```
#a1c5d9
```
#a1c5d9 rgb(161,197,217)
```
#afcedf
```
#afcedf rgb(175,206,223)
```
#bdd6e4
```
#bdd6e4 rgb(189,214,228)
```
#cbdfea
```
#cbdfea rgb(203,223,234)
```
#d9e8f0
```
#d9e8f0 rgb(217,232,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 #1dacfb is the most saturated one.

#878d91
```
#878d91 rgb(135,141,145)
```
#7e909a
```
#7e909a rgb(126,144,154)
```
#7692a2
```
#7692a2 rgb(118,146,162)
```
#6d95ab
```
#6d95ab rgb(109,149,171)
```
#6497b4
```
#6497b4 rgb(100,151,180)
```
#5b9abd
```
#5b9abd rgb(91,154,189)
```
#529dc6
```
#529dc6 rgb(82,157,198)
```
#499fcf
```
#499fcf rgb(73,159,207)
```
#40a2d8
```
#40a2d8 rgb(64,162,216)
```
#38a4e0
```
#38a4e0 rgb(56,164,224)
```
#2fa7e9
```
#2fa7e9 rgb(47,167,233)
```
#26a9f2
```
#26a9f2 rgb(38,169,242)
```
#1dacfb
```
#1dacfb rgb(29,172,251)
```

Tone Color Variation

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

#8e96ba Protanopia 1% of men
#8d96c3 Deuteranopia 1% of men
#5ba2ae Tritanopia 0.001% of the population

Trichromacy

#7c97bb Protanomaly 1% of men, 0.01% of women
#7a97c1 Deuteranomaly 6% of men, 0.4% of women
#5b9fb3 Tritanomaly 0.01% of the population

#5b9abd hex color

#5b9abd Color Information

#5b9abd Color Conversion

Color Schemes with #5b9abd

Alternatives to #5b9abd

#5b9abd Preview

Shades and Tints of #5b9abd

Tones of #5b9abd

Color Blindness Simulator