#5b8ab6 hex color

In a RGB color space, hex #5b8ab6 is composed of 35.7% red, 54.1% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 24.2% magenta, 0% yellow and 28.6% black. It has a hue angle of 209 degrees, a saturation of 38.4% and a lightness of 53.5%. #5b8ab6 color hex could be obtained by blending #b6ffff with #00156d. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 54
- B 71
RGB color chart
- C 50
- M 24
- Y 0
- K 29
CMYK color chart

● #5b8ab6 color description : Moderate blue.

The hexadecimal color #5b8ab6 has RGB values of R:91, G:138, B:182 and CMYK values of C:0.5, M:0.24, Y:0, K:0.29. Its decimal value is 5999286.

Hex triplet	5b8ab6	`#5b8ab6`
RGB Decimal	91, 138, 182	`rgb(91,138,182)`
RGB Percent	35.7, 54.1, 71.4	`rgb(35.7%,54.1%,71.4%)`
CMYK	50, 24, 0, 29
HSL	209°, 38.4, 53.5	`hsl(209,38.4%,53.5%)`
HSV (or HSB)	209°, 50, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	55.864, -3.49, -27.985
XYZ	21.844, 23.777, 47.692
xyY	0.234, 0.255, 23.777
CIE-LCH	55.864, 28.201, 262.892
CIE-LUV	55.864, -22.016, -42.159
Hunter-Lab	48.762, -5.369, -23.855
Binary	01011011, 10001010, 10110110

#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#b6875b
```
#b6875b rgb(182,135,91)
```

Complementary Color

#5bb6b5
```
#5bb6b5 rgb(91,182,181)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#5b5db6
```
#5b5db6 rgb(91,93,182)
```

Analogous Color

#b6b55b
```
#b6b55b rgb(182,181,91)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#b65b5d
```
#b65b5d rgb(182,91,93)
```

Split Complementary Color

#8ab65b
```
#8ab65b rgb(138,182,91)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#b65b8a
```
#b65b8a rgb(182,91,138)
```

Triadic Color

#5bb687
```
#5bb687 rgb(91,182,135)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#b65b8a
```
#b65b8a rgb(182,91,138)
```
#b6875b
```
#b6875b rgb(182,135,91)
```

Tetradic Color

#3d6388
```
#3d6388 rgb(61,99,136)
```
#44709a
```
#44709a rgb(68,112,154)
```
#4c7dab
```
#4c7dab rgb(76,125,171)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#6d97be
```
#6d97be rgb(109,151,190)
```
#7ea3c6
```
#7ea3c6 rgb(126,163,198)
```
#90b0ce
```
#90b0ce rgb(144,176,206)
```

Monochromatic Color

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

#5ba1b6
```
#5ba1b6 rgb(91,161,182)
```
#5b99b6
```
#5b99b6 rgb(91,153,182)
```
#5b92b6
```
#5b92b6 rgb(91,146,182)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#5b82b6
```
#5b82b6 rgb(91,130,182)
```
#5b7bb6
```
#5b7bb6 rgb(91,123,182)
```
#5b73b6
```
#5b73b6 rgb(91,115,182)
```

Similar Colors

Text with hexadecimal color #5b8ab6

This text has a font color of #5b8ab6.

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

#5b8ab6 background color

This paragraph has a background color of #5b8ab6.

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

#5b8ab6 border color

This element has a border color of #5b8ab6.

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

CSS codes

.text {color:#5b8ab6;}

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

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

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, #06090c is the darkest color, while #fefeff is the lightest one.

#06090c
```
#06090c rgb(6,9,12)
```
#0c131a
```
#0c131a rgb(12,19,26)
```
#121d28
```
#121d28 rgb(18,29,40)
```
#182735
```
#182735 rgb(24,39,53)
```
#1e3143
```
#1e3143 rgb(30,49,67)
```
#243b50
```
#243b50 rgb(36,59,80)
```
#2a455e
```
#2a455e rgb(42,69,94)
```
#304f6b
```
#304f6b rgb(48,79,107)
```
#365979
```
#365979 rgb(54,89,121)
```
#3c6387
```
#3c6387 rgb(60,99,135)
```
#426c94
```
#426c94 rgb(66,108,148)
```
#4876a2
```
#4876a2 rgb(72,118,162)
```
#4e80af
```
#4e80af rgb(78,128,175)
```

Shade Color Variation

#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#6994bc
```
#6994bc rgb(105,148,188)
```
#769dc2
```
#769dc2 rgb(118,157,194)
```
#84a7c8
```
#84a7c8 rgb(132,167,200)
```
#91b1ce
```
#91b1ce rgb(145,177,206)
```
#9fbad4
```
#9fbad4 rgb(159,186,212)
```
#acc4da
```
#acc4da rgb(172,196,218)
```
#bacee0
```
#bacee0 rgb(186,206,224)
```
#c8d7e6
```
#c8d7e6 rgb(200,215,230)
```
#d5e1ec
```
#d5e1ec rgb(213,225,236)
```
#e3ebf2
```
#e3ebf2 rgb(227,235,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f8992 is the less saturated color, while #128cff is the most saturated one.

#7f8992
```
#7f8992 rgb(127,137,146)
```
#76899b
```
#76899b rgb(118,137,155)
```
#6d89a4
```
#6d89a4 rgb(109,137,164)
```
#648aad
```
#648aad rgb(100,138,173)
```
#5b8ab6
```
#5b8ab6 rgb(91,138,182)
```
#528abf
```
#528abf rgb(82,138,191)
```
#498bc8
```
#498bc8 rgb(73,139,200)
```
#408bd1
```
#408bd1 rgb(64,139,209)
```
#378bda
```
#378bda rgb(55,139,218)
```
#2d8ce4
```
#2d8ce4 rgb(45,140,228)
```
#248ced
```
#248ced rgb(36,140,237)
```
#1b8cf6
```
#1b8cf6 rgb(27,140,246)
```
#128cff
```
#128cff rgb(18,140,255)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#79838c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8ab6 Protanopia 1% of men
#7b8abb Deuteranopia 1% of men
#58959f Tritanopia 0.001% of the population

Trichromacy

#728ab6 Protanomaly 1% of men, 0.01% of women
#6f8ab9 Deuteranomaly 6% of men, 0.4% of women
#5991a7 Tritanomaly 0.01% of the population

#5b8ab6 hex color

#5b8ab6 Color Information

#5b8ab6 Color Conversion

Color Schemes with #5b8ab6

Alternatives to #5b8ab6

#5b8ab6 Preview

Shades and Tints of #5b8ab6

Tones of #5b8ab6

Color Blindness Simulator