#5b9bcc hex color

In a RGB color space, hex #5b9bcc is composed of 35.7% red, 60.8% green and 80% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 24% magenta, 0% yellow and 20% black. It has a hue angle of 206 degrees, a saturation of 52.6% and a lightness of 57.8%. #5b9bcc color hex could be obtained by blending #b6ffff with #003799. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 61
- B 80
RGB color chart
- C 55
- M 24
- Y 0
- K 20
CMYK color chart

● #5b9bcc color description : Moderate blue.

The hexadecimal color #5b9bcc has RGB values of R:91, G:155, B:204 and CMYK values of C:0.55, M:0.24, Y:0, K:0.2. Its decimal value is 6003660.

Hex triplet	5b9bcc	`#5b9bcc`
RGB Decimal	91, 155, 204	`rgb(91,155,204)`
RGB Percent	35.7, 60.8, 80	`rgb(35.7%,60.8%,80%)`
CMYK	55, 24, 0, 20
HSL	206°, 52.6, 57.8	`hsl(206,52.6%,57.8%)`
HSV (or HSB)	206°, 55.4, 80
Web Safe	6699cc	`#6699cc`

CIE-LAB	61.676, -6.4, -31.4
XYZ	26.932, 30.025, 61.5
xyY	0.227, 0.253, 30.025
CIE-LCH	61.676, 32.045, 258.479
CIE-LUV	61.676, -28.11, -48.125
Hunter-Lab	54.795, -8.157, -28.188
Binary	01011011, 10011011, 11001100

#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#cc8c5b
```
#cc8c5b rgb(204,140,91)
```

Complementary Color

#5bccc5
```
#5bccc5 rgb(91,204,197)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#5b62cc
```
#5b62cc rgb(91,98,204)
```

Analogous Color

#ccc55b
```
#ccc55b rgb(204,197,91)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#cc5b63
```
#cc5b63 rgb(204,91,99)
```

Split Complementary Color

#9bcc5b
```
#9bcc5b rgb(155,204,91)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#cc5b9b
```
#cc5b9b rgb(204,91,155)
```

Triadic Color

#5bcc8c
```
#5bcc8c rgb(91,204,140)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#cc5b9b
```
#cc5b9b rgb(204,91,155)
```
#cc8c5b
```
#cc8c5b rgb(204,140,91)
```

Tetradic Color

#3475a7
```
#3475a7 rgb(52,117,167)
```
#3a83ba
```
#3a83ba rgb(58,131,186)
```
#488fc6
```
#488fc6 rgb(72,143,198)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#6ea7d2
```
#6ea7d2 rgb(110,167,210)
```
#82b3d8
```
#82b3d8 rgb(130,179,216)
```
#95bfde
```
#95bfde rgb(149,191,222)
```

Monochromatic Color

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

#5bb7cc
```
#5bb7cc rgb(91,183,204)
```
#5baecc
```
#5baecc rgb(91,174,204)
```
#5ba4cc
```
#5ba4cc rgb(91,164,204)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#5b92cc
```
#5b92cc rgb(91,146,204)
```
#5b88cc
```
#5b88cc rgb(91,136,204)
```
#5b7fcc
```
#5b7fcc rgb(91,127,204)
```

Similar Colors

Text with hexadecimal color #5b9bcc

This text has a font color of #5b9bcc.

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

#5b9bcc background color

This paragraph has a background color of #5b9bcc.

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

#5b9bcc border color

This element has a border color of #5b9bcc.

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

CSS codes

.text {color:#5b9bcc;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#050b10
```
#050b10 rgb(5,11,16)
```
#09151f
```
#09151f rgb(9,21,31)
```
#0e202d
```
#0e202d rgb(14,32,45)
```
#132a3c
```
#132a3c rgb(19,42,60)
```
#17354b
```
#17354b rgb(23,53,75)
```
#1c3f5a
```
#1c3f5a rgb(28,63,90)
```
#214a69
```
#214a69 rgb(33,74,105)
```
#255478
```
#255478 rgb(37,84,120)
```
#2a5f87
```
#2a5f87 rgb(42,95,135)
```
#2f6996
```
#2f6996 rgb(47,105,150)
```
#3374a5
```
#3374a5 rgb(51,116,165)
```
#387eb4
```
#387eb4 rgb(56,126,180)
```

Shade Color Variation

#3d89c3
```
#3d89c3 rgb(61,137,195)
```
#4c92c7
```
#4c92c7 rgb(76,146,199)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#6aa4d1
```
#6aa4d1 rgb(106,164,209)
```
#79add5
```
#79add5 rgb(121,173,213)
```
#88b6da
```
#88b6da rgb(136,182,218)
```
#97bfdf
```
#97bfdf rgb(151,191,223)
```
#a6c9e3
```
#a6c9e3 rgb(166,201,227)
```
#b5d2e8
```
#b5d2e8 rgb(181,210,232)
```
#c4dbed
```
#c4dbed rgb(196,219,237)
```
#d3e4f1
```
#d3e4f1 rgb(211,228,241)
```
#e2edf6
```
#e2edf6 rgb(226,237,246)
```
#f1f6fb
```
#f1f6fb rgb(241,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d949a is the less saturated color, while #29a2fe is the most saturated one.

#8d949a
```
#8d949a rgb(141,148,154)
```
#8496a3
```
#8496a3 rgb(132,150,163)
```
#7c97ab
```
#7c97ab rgb(124,151,171)
```
#7498b3
```
#7498b3 rgb(116,152,179)
```
#6c99bb
```
#6c99bb rgb(108,153,187)
```
#639ac4
```
#639ac4 rgb(99,154,196)
```
#5b9bcc
```
#5b9bcc rgb(91,155,204)
```
#539cd4
```
#539cd4 rgb(83,156,212)
```
#4a9ddd
```
#4a9ddd rgb(74,157,221)
```
#429ee5
```
#429ee5 rgb(66,158,229)
```
#3a9fed
```
#3a9fed rgb(58,159,237)
```
#32a0f5
```
#32a0f5 rgb(50,160,245)
```
#29a2fe
```
#29a2fe rgb(41,162,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#83909a Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b98c9 Protanopia 1% of men
#8698d1 Deuteranopia 1% of men
#55a5b1 Tritanopia 0.001% of the population

Trichromacy

#7a99ca Protanomaly 1% of men, 0.01% of women
#7699cf Deuteranomaly 6% of men, 0.4% of women
#57a1bb Tritanomaly 0.01% of the population

#5b9bcc hex color

#5b9bcc Color Information

#5b9bcc Color Conversion

Color Schemes with #5b9bcc

Alternatives to #5b9bcc

#5b9bcc Preview

Shades and Tints of #5b9bcc

Tones of #5b9bcc

Color Blindness Simulator