#5b8adb hex color

In a RGB color space, hex #5b8adb is composed of 35.7% red, 54.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 37% magenta, 0% yellow and 14.1% black. It has a hue angle of 218 degrees, a saturation of 64% and a lightness of 60.8%. #5b8adb color hex could be obtained by blending #b6ffff with #0015b7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 54
- B 86
RGB color chart
- C 58
- M 37
- Y 0
- K 14
CMYK color chart

● #5b8adb color description : Soft blue.

The hexadecimal color #5b8adb has RGB values of R:91, G:138, B:219 and CMYK values of C:0.58, M:0.37, Y:0, K:0.14. Its decimal value is 5999323.

Hex triplet	5b8adb	`#5b8adb`
RGB Decimal	91, 138, 219	`rgb(91,138,219)`
RGB Percent	35.7, 54.1, 85.9	`rgb(35.7%,54.1%,85.9%)`
CMYK	58, 37, 0, 14
HSL	218°, 64, 60.8	`hsl(218,64%,60.8%)`
HSV (or HSB)	218°, 58.4, 85.9
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.573, 8.223, -46.222
XYZ	26.186, 25.514, 70.559
xyY	0.214, 0.209, 25.514
CIE-LCH	57.573, 46.948, 280.088
CIE-LUV	57.573, -21.744, -73.582
Hunter-Lab	50.511, 4.143, -47.463
Binary	01011011, 10001010, 11011011

#5b8adb
```
#5b8adb rgb(91,138,219)
```
#dbac5b
```
#dbac5b rgb(219,172,91)
```

Complementary Color

#5bcadb
```
#5bcadb rgb(91,202,219)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#6c5bdb
```
#6c5bdb rgb(108,91,219)
```

Analogous Color

#cadb5b
```
#cadb5b rgb(202,219,91)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#db6c5b
```
#db6c5b rgb(219,108,91)
```

Split Complementary Color

#8adb5b
```
#8adb5b rgb(138,219,91)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#db5b8a
```
#db5b8a rgb(219,91,138)
```

Triadic Color

#5bdbac
```
#5bdbac rgb(91,219,172)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#db5b8a
```
#db5b8a rgb(219,91,138)
```
#dbac5b
```
#dbac5b rgb(219,172,91)
```

Tetradic Color

#2a61bf
```
#2a61bf rgb(42,97,191)
```
#316cd2
```
#316cd2 rgb(49,108,210)
```
#467bd6
```
#467bd6 rgb(70,123,214)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#7099e0
```
#7099e0 rgb(112,153,224)
```
#85a8e4
```
#85a8e4 rgb(133,168,228)
```
#9ab7e9
```
#9ab7e9 rgb(154,183,233)
```

Monochromatic Color

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

#5baadb
```
#5baadb rgb(91,170,219)
```
#5b9fdb
```
#5b9fdb rgb(91,159,219)
```
#5b95db
```
#5b95db rgb(91,149,219)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#5b7fdb
```
#5b7fdb rgb(91,127,219)
```
#5b75db
```
#5b75db rgb(91,117,219)
```
#5b6adb
```
#5b6adb rgb(91,106,219)
```

Similar Colors

Text with hexadecimal color #5b8adb

This text has a font color of #5b8adb.

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

#5b8adb background color

This paragraph has a background color of #5b8adb.

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

#5b8adb border color

This element has a border color of #5b8adb.

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

CSS codes

.text {color:#5b8adb;}

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

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

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

#03070d
```
#03070d rgb(3,7,13)
```
#060f1d
```
#060f1d rgb(6,15,29)
```
#0a172d
```
#0a172d rgb(10,23,45)
```
#0d1f3d
```
#0d1f3d rgb(13,31,61)
```
#11274d
```
#11274d rgb(17,39,77)
```
#142f5d
```
#142f5d rgb(20,47,93)
```
#18376d
```
#18376d rgb(24,55,109)
```
#1c407e
```
#1c407e rgb(28,64,126)
```
#1f488e
```
#1f488e rgb(31,72,142)
```
#23509e
```
#23509e rgb(35,80,158)
```
#2658ae
```
#2658ae rgb(38,88,174)
```
#2a60be
```
#2a60be rgb(42,96,190)
```
#2d68ce
```
#2d68ce rgb(45,104,206)
```

Shade Color Variation

#3b73d4
```
#3b73d4 rgb(59,115,212)
```
#4b7fd7
```
#4b7fd7 rgb(75,127,215)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#6b95df
```
#6b95df rgb(107,149,223)
```
#7ba1e2
```
#7ba1e2 rgb(123,161,226)
```
#8bace6
```
#8bace6 rgb(139,172,230)
```
#9bb8e9
```
#9bb8e9 rgb(155,184,233)
```
#abc3ed
```
#abc3ed rgb(171,195,237)
```
#bccff0
```
#bccff0 rgb(188,207,240)
```
#ccdaf4
```
#ccdaf4 rgb(204,218,244)
```
#dce6f7
```
#dce6f7 rgb(220,230,247)
```
#ecf1fb
```
#ecf1fb rgb(236,241,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#999a9d
```
#999a9d rgb(153,154,157)
```
#9198a5
```
#9198a5 rgb(145,152,165)
```
#8996ad
```
#8996ad rgb(137,150,173)
```
#8194b5
```
#8194b5 rgb(129,148,181)
```
#7a92bc
```
#7a92bc rgb(122,146,188)
```
#7290c4
```
#7290c4 rgb(114,144,196)
```
#6a8ecc
```
#6a8ecc rgb(106,142,204)
```
#638cd3
```
#638cd3 rgb(99,140,211)
```
#5b8adb
```
#5b8adb rgb(91,138,219)
```
#5388e3
```
#5388e3 rgb(83,136,227)
```
#4c86ea
```
#4c86ea rgb(76,134,234)
```
#4484f2
```
#4484f2 rgb(68,132,242)
```
#3c82fa
```
#3c82fa rgb(60,130,250)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7d8696 Atypical Achromatopsia 0.001% of the population

Dichromacy

#708ddb Protanopia 1% of men
#6090dc Deuteranopia 1% of men
#459ba7 Tritanopia 0.001% of the population

Trichromacy

#688cdb Protanomaly 1% of men, 0.01% of women
#5e8edc Deuteranomaly 6% of men, 0.4% of women
#4d95ba Tritanomaly 0.01% of the population

#5b8adb hex color

#5b8adb Color Information

#5b8adb Color Conversion

Color Schemes with #5b8adb

Alternatives to #5b8adb

#5b8adb Preview

Shades and Tints of #5b8adb

Tones of #5b8adb

Color Blindness Simulator