#5b9dcd hex color

In a RGB color space, hex #5b9dcd is composed of 35.7% red, 61.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 23.4% magenta, 0% yellow and 19.6% black. It has a hue angle of 205.3 degrees, a saturation of 53.3% and a lightness of 58%. #5b9dcd color hex could be obtained by blending #b6ffff with #003b9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 62
- B 80
RGB color chart
- C 56
- M 23
- Y 0
- K 20
CMYK color chart

● #5b9dcd color description : Moderate blue.

The hexadecimal color #5b9dcd has RGB values of R:91, G:157, B:205 and CMYK values of C:0.56, M:0.23, Y:0, K:0.2. Its decimal value is 6004173.

Hex triplet	5b9dcd	`#5b9dcd`
RGB Decimal	91, 157, 205	`rgb(91,157,205)`
RGB Percent	35.7, 61.6, 80.4	`rgb(35.7%,61.6%,80.4%)`
CMYK	56, 23, 0, 20
HSL	205.3°, 53.3, 58	`hsl(205.3,53.3%,58%)`
HSV (or HSB)	205.3°, 55.6, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.291, -7.21, -31.004
XYZ	27.388, 30.744, 62.245
xyY	0.228, 0.255, 30.744
CIE-LCH	62.291, 31.831, 256.909
CIE-LUV	62.291, -28.835, -47.444
Hunter-Lab	55.447, -8.863, -27.746
Binary	01011011, 10011101, 11001101

#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#cd8b5b
```
#cd8b5b rgb(205,139,91)
```

Complementary Color

#5bcdc4
```
#5bcdc4 rgb(91,205,196)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#5b64cd
```
#5b64cd rgb(91,100,205)
```

Analogous Color

#cdc45b
```
#cdc45b rgb(205,196,91)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#cd5b64
```
#cd5b64 rgb(205,91,100)
```

Split Complementary Color

#9dcd5b
```
#9dcd5b rgb(157,205,91)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#cd5b9d
```
#cd5b9d rgb(205,91,157)
```

Triadic Color

#5bcd8b
```
#5bcd8b rgb(91,205,139)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#cd5b9d
```
#cd5b9d rgb(205,91,157)
```
#cd8b5b
```
#cd8b5b rgb(205,139,91)
```

Tetradic Color

#3377a8
```
#3377a8 rgb(51,119,168)
```
#3985bc
```
#3985bc rgb(57,133,188)
```
#4791c7
```
#4791c7 rgb(71,145,199)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#6fa9d3
```
#6fa9d3 rgb(111,169,211)
```
#82b4d9
```
#82b4d9 rgb(130,180,217)
```
#96c0df
```
#96c0df rgb(150,192,223)
```

Monochromatic Color

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

#5bbacd
```
#5bbacd rgb(91,186,205)
```
#5bb0cd
```
#5bb0cd rgb(91,176,205)
```
#5ba7cd
```
#5ba7cd rgb(91,167,205)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#5b94cd
```
#5b94cd rgb(91,148,205)
```
#5b8acd
```
#5b8acd rgb(91,138,205)
```
#5b81cd
```
#5b81cd rgb(91,129,205)
```

Similar Colors

Text with hexadecimal color #5b9dcd

This text has a font color of #5b9dcd.

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

#5b9dcd background color

This paragraph has a background color of #5b9dcd.

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

#5b9dcd border color

This element has a border color of #5b9dcd.

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

CSS codes

.text {color:#5b9dcd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#050c10
```
#050c10 rgb(5,12,16)
```
#0a161f
```
#0a161f rgb(10,22,31)
```
#0e212e
```
#0e212e rgb(14,33,46)
```
#132b3d
```
#132b3d rgb(19,43,61)
```
#17364d
```
#17364d rgb(23,54,77)
```
#1c415c
```
#1c415c rgb(28,65,92)
```
#204b6b
```
#204b6b rgb(32,75,107)
```
#25567a
```
#25567a rgb(37,86,122)
```
#2a6189
```
#2a6189 rgb(42,97,137)
```
#2e6b98
```
#2e6b98 rgb(46,107,152)
```
#3376a7
```
#3376a7 rgb(51,118,167)
```
#3781b6
```
#3781b6 rgb(55,129,182)
```

Shade Color Variation

#3d8bc4
```
#3d8bc4 rgb(61,139,196)
```
#4c94c8
```
#4c94c8 rgb(76,148,200)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#6aa6d2
```
#6aa6d2 rgb(106,166,210)
```
#79afd6
```
#79afd6 rgb(121,175,214)
```
#88b8db
```
#88b8db rgb(136,184,219)
```
#97c1df
```
#97c1df rgb(151,193,223)
```
#a6cae4
```
#a6cae4 rgb(166,202,228)
```
#b5d3e8
```
#b5d3e8 rgb(181,211,232)
```
#c4dced
```
#c4dced rgb(196,220,237)
```
#d3e5f2
```
#d3e5f2 rgb(211,229,242)
```
#e2eef6
```
#e2eef6 rgb(226,238,246)
```
#f1f7fb
```
#f1f7fb rgb(241,247,251)
```

Tint Color Variation

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

#8c959c
```
#8c959c rgb(140,149,156)
```
#8497a4
```
#8497a4 rgb(132,151,164)
```
#7c98ac
```
#7c98ac rgb(124,152,172)
```
#7499b4
```
#7499b4 rgb(116,153,180)
```
#6b9abd
```
#6b9abd rgb(107,154,189)
```
#639cc5
```
#639cc5 rgb(99,156,197)
```
#5b9dcd
```
#5b9dcd rgb(91,157,205)
```
#539ed5
```
#539ed5 rgb(83,158,213)
```
#4ba0dd
```
#4ba0dd rgb(75,160,221)
```
#42a1e6
```
#42a1e6 rgb(66,161,230)
```
#3aa2ee
```
#3aa2ee rgb(58,162,238)
```
#32a3f6
```
#32a3f6 rgb(50,163,246)
```
#2aa5fe
```
#2aa5fe rgb(42,165,254)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#85929b Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9aca Protanopia 1% of men
#889ad2 Deuteranopia 1% of men
#55a7b3 Tritanopia 0.001% of the population

Trichromacy

#7b9bcb Protanomaly 1% of men, 0.01% of women
#779bd0 Deuteranomaly 6% of men, 0.4% of women
#57a3bc Tritanomaly 0.01% of the population

#5b9dcd hex color

#5b9dcd Color Information

#5b9dcd Color Conversion

Color Schemes with #5b9dcd

Alternatives to #5b9dcd

#5b9dcd Preview

Shades and Tints of #5b9dcd

Tones of #5b9dcd

Color Blindness Simulator