#5b9cd2 hex color

In a RGB color space, hex #5b9cd2 is composed of 35.7% red, 61.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 56.7% cyan, 25.7% magenta, 0% yellow and 17.6% black. It has a hue angle of 207.2 degrees, a saturation of 56.9% and a lightness of 59%. #5b9cd2 color hex could be obtained by blending #b6ffff with #0039a5. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 61
- B 82
RGB color chart
- C 57
- M 26
- Y 0
- K 18
CMYK color chart

● #5b9cd2 color description : Moderate blue.

The hexadecimal color #5b9cd2 has RGB values of R:91, G:156, B:210 and CMYK values of C:0.57, M:0.26, Y:0, K:0.18. Its decimal value is 6003922.

Hex triplet	5b9cd2	`#5b9cd2`
RGB Decimal	91, 156, 210	`rgb(91,156,210)`
RGB Percent	35.7, 61.2, 82.4	`rgb(35.7%,61.2%,82.4%)`
CMYK	57, 26, 0, 18
HSL	207.2°, 56.9, 59	`hsl(207.2,56.9%,59%)`
HSV (or HSB)	207.2°, 56.7, 82.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	62.213, -5.096, -33.913
XYZ	27.833, 30.652, 65.419
xyY	0.225, 0.247, 30.652
CIE-LCH	62.213, 34.294, 261.454
CIE-LUV	62.213, -28.343, -52.523
Hunter-Lab	55.365, -7.153, -31.302
Binary	01011011, 10011100, 11010010

#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#d2915b
```
#d2915b rgb(210,145,91)
```

Complementary Color

#5bd2cd
```
#5bd2cd rgb(91,210,205)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#5b61d2
```
#5b61d2 rgb(91,97,210)
```

Analogous Color

#d2cd5b
```
#d2cd5b rgb(210,205,91)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#d25b61
```
#d25b61 rgb(210,91,97)
```

Split Complementary Color

#9cd25b
```
#9cd25b rgb(156,210,91)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#d25b9c
```
#d25b9c rgb(210,91,156)
```

Triadic Color

#5bd291
```
#5bd291 rgb(91,210,145)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#d25b9c
```
#d25b9c rgb(210,91,156)
```
#d2915b
```
#d2915b rgb(210,145,91)
```

Tetradic Color

#3076b0
```
#3076b0 rgb(48,118,176)
```
#3684c4
```
#3684c4 rgb(54,132,196)
```
#4790cd
```
#4790cd rgb(71,144,205)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#6fa8d7
```
#6fa8d7 rgb(111,168,215)
```
#83b4dd
```
#83b4dd rgb(131,180,221)
```
#97c0e2
```
#97c0e2 rgb(151,192,226)
```

Monochromatic Color

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

#5bbad2
```
#5bbad2 rgb(91,186,210)
```
#5bb0d2
```
#5bb0d2 rgb(91,176,210)
```
#5ba6d2
```
#5ba6d2 rgb(91,166,210)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#5b92d2
```
#5b92d2 rgb(91,146,210)
```
#5b88d2
```
#5b88d2 rgb(91,136,210)
```
#5b7ed2
```
#5b7ed2 rgb(91,126,210)
```

Similar Colors

Text with hexadecimal color #5b9cd2

This text has a font color of #5b9cd2.

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

#5b9cd2 background color

This paragraph has a background color of #5b9cd2.

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

#5b9cd2 border color

This element has a border color of #5b9cd2.

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

CSS codes

.text {color:#5b9cd2;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#060e15
```
#060e15 rgb(6,14,21)
```
#0a1824
```
#0a1824 rgb(10,24,36)
```
#0e2333
```
#0e2333 rgb(14,35,51)
```
#122d43
```
#122d43 rgb(18,45,67)
```
#173752
```
#173752 rgb(23,55,82)
```
#1b4262
```
#1b4262 rgb(27,66,98)
```
#1f4c71
```
#1f4c71 rgb(31,76,113)
```
#235680
```
#235680 rgb(35,86,128)
```
#276090
```
#276090 rgb(39,96,144)
```
#2c6b9f
```
#2c6b9f rgb(44,107,159)
```
#3075af
```
#3075af rgb(48,117,175)
```
#347fbe
```
#347fbe rgb(52,127,190)
```

Shade Color Variation

#3c89ca
```
#3c89ca rgb(60,137,202)
```
#4c93ce
```
#4c93ce rgb(76,147,206)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#6aa5d6
```
#6aa5d6 rgb(106,165,214)
```
#7aafda
```
#7aafda rgb(122,175,218)
```
#89b8df
```
#89b8df rgb(137,184,223)
```
#99c1e3
```
#99c1e3 rgb(153,193,227)
```
#a8cae7
```
#a8cae7 rgb(168,202,231)
```
#b7d4eb
```
#b7d4eb rgb(183,212,235)
```
#c7ddf0
```
#c7ddf0 rgb(199,221,240)
```
#d6e6f4
```
#d6e6f4 rgb(214,230,244)
```
#e6f0f8
```
#e6f0f8 rgb(230,240,248)
```
#f5f9fc
```
#f5f9fc rgb(245,249,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93979a is the less saturated color, while #33a0fa is the most saturated one.

#93979a
```
#93979a rgb(147,151,154)
```
#8b98a2
```
#8b98a2 rgb(139,152,162)
```
#8398aa
```
#8398aa rgb(131,152,170)
```
#7b99b2
```
#7b99b2 rgb(123,153,178)
```
#739aba
```
#739aba rgb(115,154,186)
```
#6b9bc2
```
#6b9bc2 rgb(107,155,194)
```
#639bca
```
#639bca rgb(99,155,202)
```
#5b9cd2
```
#5b9cd2 rgb(91,156,210)
```
#539dda
```
#539dda rgb(83,157,218)
```
#4b9de2
```
#4b9de2 rgb(75,157,226)
```
#439eea
```
#439eea rgb(67,158,234)
```
#3b9ff2
```
#3b9ff2 rgb(59,159,242)
```
#33a0fa
```
#33a0fa rgb(51,160,250)
```

Tone Color Variation

Below, you can see how #5b9cd2 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
#85929c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b99cf Protanopia 1% of men
#839ad6 Deuteranopia 1% of men
#52a7b3 Tritanopia 0.001% of the population

Trichromacy

#799ad0 Protanomaly 1% of men, 0.01% of women
#759bd5 Deuteranomaly 6% of men, 0.4% of women
#55a3be Tritanomaly 0.01% of the population

#5b9cd2 hex color

#5b9cd2 Color Information

#5b9cd2 Color Conversion

Color Schemes with #5b9cd2

Alternatives to #5b9cd2

#5b9cd2 Preview

Shades and Tints of #5b9cd2

Tones of #5b9cd2

Color Blindness Simulator