#5b9ed9 hex color

In a RGB color space, hex #5b9ed9 is composed of 35.7% red, 62% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 27.2% magenta, 0% yellow and 14.9% black. It has a hue angle of 208.1 degrees, a saturation of 62.4% and a lightness of 60.4%. #5b9ed9 color hex could be obtained by blending #b6ffff with #003db3. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 62
- B 85
RGB color chart
- C 58
- M 27
- Y 0
- K 15
CMYK color chart

● #5b9ed9 color description : Soft blue.

The hexadecimal color #5b9ed9 has RGB values of R:91, G:158, B:217 and CMYK values of C:0.58, M:0.27, Y:0, K:0.15. Its decimal value is 6004441.

Hex triplet	5b9ed9	`#5b9ed9`
RGB Decimal	91, 158, 217	`rgb(91,158,217)`
RGB Percent	35.7, 62, 85.1	`rgb(35.7%,62%,85.1%)`
CMYK	58, 27, 0, 15
HSL	208.1°, 62.4, 60.4	`hsl(208.1,62.4%,60.4%)`
HSV (or HSB)	208.1°, 58.1, 85.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	63.082, -4.023, -36.451
XYZ	29.063, 31.686, 70.226
xyY	0.222, 0.242, 31.686
CIE-LCH	63.082, 36.672, 263.702
CIE-LUV	63.082, -28.914, -57.003
Hunter-Lab	56.29, -6.348, -34.566
Binary	01011011, 10011110, 11011001

#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#d9965b
```
#d9965b rgb(217,150,91)
```

Complementary Color

#5bd9d5
```
#5bd9d5 rgb(91,217,213)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#5b5fd9
```
#5b5fd9 rgb(91,95,217)
```

Analogous Color

#d9d55b
```
#d9d55b rgb(217,213,91)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#d95b5f
```
#d95b5f rgb(217,91,95)
```

Split Complementary Color

#9ed95b
```
#9ed95b rgb(158,217,91)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#d95b9e
```
#d95b9e rgb(217,91,158)
```

Triadic Color

#5bd996
```
#5bd996 rgb(91,217,150)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#d95b9e
```
#d95b9e rgb(217,91,158)
```
#d9965b
```
#d9965b rgb(217,150,91)
```

Tetradic Color

#2c78bc
```
#2c78bc rgb(44,120,188)
```
#3286cf
```
#3286cf rgb(50,134,207)
```
#4692d4
```
#4692d4 rgb(70,146,212)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#70aade
```
#70aade rgb(112,170,222)
```
#84b6e3
```
#84b6e3 rgb(132,182,227)
```
#99c3e7
```
#99c3e7 rgb(153,195,231)
```

Monochromatic Color

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

#5bbed9
```
#5bbed9 rgb(91,190,217)
```
#5bb3d9
```
#5bb3d9 rgb(91,179,217)
```
#5ba9d9
```
#5ba9d9 rgb(91,169,217)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#5b94d9
```
#5b94d9 rgb(91,148,217)
```
#5b89d9
```
#5b89d9 rgb(91,137,217)
```
#5b7fd9
```
#5b7fd9 rgb(91,127,217)
```

Similar Colors

Text with hexadecimal color #5b9ed9

This text has a font color of #5b9ed9.

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

#5b9ed9 background color

This paragraph has a background color of #5b9ed9.

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

#5b9ed9 border color

This element has a border color of #5b9ed9.

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

CSS codes

.text {color:#5b9ed9;}

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

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

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, #03070b is the darkest color, while #fafcfe is the lightest one.

#03070b
```
#03070b rgb(3,7,11)
```
#06111b
```
#06111b rgb(6,17,27)
```
#0a1c2b
```
#0a1c2b rgb(10,28,43)
```
#0e263b
```
#0e263b rgb(14,38,59)
```
#11304b
```
#11304b rgb(17,48,75)
```
#153a5b
```
#153a5b rgb(21,58,91)
```
#19446b
```
#19446b rgb(25,68,107)
```
#1c4f7b
```
#1c4f7b rgb(28,79,123)
```
#20598b
```
#20598b rgb(32,89,139)
```
#24639b
```
#24639b rgb(36,99,155)
```
#276daa
```
#276daa rgb(39,109,170)
```
#2b77ba
```
#2b77ba rgb(43,119,186)
```
#2f82ca
```
#2f82ca rgb(47,130,202)
```

Shade Color Variation

#3b8bd2
```
#3b8bd2 rgb(59,139,210)
```
#4b95d5
```
#4b95d5 rgb(75,149,213)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#6ba7dd
```
#6ba7dd rgb(107,167,221)
```
#7bb1e0
```
#7bb1e0 rgb(123,177,224)
```
#8bbae4
```
#8bbae4 rgb(139,186,228)
```
#9bc4e8
```
#9bc4e8 rgb(155,196,232)
```
#abcdeb
```
#abcdeb rgb(171,205,235)
```
#bbd7ef
```
#bbd7ef rgb(187,215,239)
```
#cae0f3
```
#cae0f3 rgb(202,224,243)
```
#dae9f7
```
#dae9f7 rgb(218,233,247)
```
#eaf3fa
```
#eaf3fa rgb(234,243,250)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #999a9b is the less saturated color, while #3ca0f8 is the most saturated one.

#999a9b
```
#999a9b rgb(153,154,155)
```
#919ba3
```
#919ba3 rgb(145,155,163)
```
#8a9baa
```
#8a9baa rgb(138,155,170)
```
#829cb2
```
#829cb2 rgb(130,156,178)
```
#7a9cba
```
#7a9cba rgb(122,156,186)
```
#729dc2
```
#729dc2 rgb(114,157,194)
```
#6b9dc9
```
#6b9dc9 rgb(107,157,201)
```
#639ed1
```
#639ed1 rgb(99,158,209)
```
#5b9ed9
```
#5b9ed9 rgb(91,158,217)
```
#539ee1
```
#539ee1 rgb(83,158,225)
```
#4b9fe9
```
#4b9fe9 rgb(75,159,233)
```
#449ff0
```
#449ff0 rgb(68,159,240)
```
#3ca0f8
```
#3ca0f8 rgb(60,160,248)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#86949f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b9bd5 Protanopia 1% of men
#829cdd Deuteranopia 1% of men
#4faab6 Tritanopia 0.001% of the population

Trichromacy

#799cd7 Protanomaly 1% of men, 0.01% of women
#749ddb Deuteranomaly 6% of men, 0.4% of women
#53a5c3 Tritanomaly 0.01% of the population

#5b9ed9 hex color

#5b9ed9 Color Information

#5b9ed9 Color Conversion

Color Schemes with #5b9ed9

Alternatives to #5b9ed9

#5b9ed9 Preview

Shades and Tints of #5b9ed9

Tones of #5b9ed9

Color Blindness Simulator