#5b8cb6 hex color

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

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

● #5b8cb6 color description : Moderate blue.

The hexadecimal color #5b8cb6 has RGB values of R:91, G:140, B:182 and CMYK values of C:0.5, M:0.23, Y:0, K:0.29. Its decimal value is 5999798.

Hex triplet	5b8cb6	`#5b8cb6`
RGB Decimal	91, 140, 182	`rgb(91,140,182)`
RGB Percent	35.7, 54.9, 71.4	`rgb(35.7%,54.9%,71.4%)`
CMYK	50, 23, 0, 29
HSL	207.7°, 38.4, 53.5	`hsl(207.7,38.4%,53.5%)`
HSV (or HSB)	207.7°, 50, 71.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	56.443, -4.637, -27.089
XYZ	22.134, 24.357, 47.788
xyY	0.235, 0.258, 24.357
CIE-LCH	56.443, 27.483, 260.286
CIE-LUV	56.443, -22.789, -40.646
Hunter-Lab	49.352, -6.311, -22.864
Binary	01011011, 10001100, 10110110

#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#b6855b
```
#b6855b rgb(182,133,91)
```

Complementary Color

#5bb6b3
```
#5bb6b3 rgb(91,182,179)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#5b5fb6
```
#5b5fb6 rgb(91,95,182)
```

Analogous Color

#b6b35b
```
#b6b35b rgb(182,179,91)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#b65b5f
```
#b65b5f rgb(182,91,95)
```

Split Complementary Color

#8cb65b
```
#8cb65b rgb(140,182,91)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#b65b8c
```
#b65b8c rgb(182,91,140)
```

Triadic Color

#5bb685
```
#5bb685 rgb(91,182,133)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#b65b8c
```
#b65b8c rgb(182,91,140)
```
#b6855b
```
#b6855b rgb(182,133,91)
```

Tetradic Color

#3d6588
```
#3d6588 rgb(61,101,136)
```
#44729a
```
#44729a rgb(68,114,154)
```
#4c7fab
```
#4c7fab rgb(76,127,171)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#6d98be
```
#6d98be rgb(109,152,190)
```
#7ea5c6
```
#7ea5c6 rgb(126,165,198)
```
#90b1ce
```
#90b1ce rgb(144,177,206)
```

Monochromatic Color

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

#5ba3b6
```
#5ba3b6 rgb(91,163,182)
```
#5b9bb6
```
#5b9bb6 rgb(91,155,182)
```
#5b94b6
```
#5b94b6 rgb(91,148,182)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#5b84b6
```
#5b84b6 rgb(91,132,182)
```
#5b7db6
```
#5b7db6 rgb(91,125,182)
```
#5b75b6
```
#5b75b6 rgb(91,117,182)
```

Similar Colors

Text with hexadecimal color #5b8cb6

This text has a font color of #5b8cb6.

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

#5b8cb6 background color

This paragraph has a background color of #5b8cb6.

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

#5b8cb6 border color

This element has a border color of #5b8cb6.

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

CSS codes

.text {color:#5b8cb6;}

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

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

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)
```
#182835
```
#182835 rgb(24,40,53)
```
#1e3243
```
#1e3243 rgb(30,50,67)
```
#243c50
```
#243c50 rgb(36,60,80)
```
#2a465e
```
#2a465e rgb(42,70,94)
```
#30506b
```
#30506b rgb(48,80,107)
```
#365a79
```
#365a79 rgb(54,90,121)
```
#3c6487
```
#3c6487 rgb(60,100,135)
```
#426e94
```
#426e94 rgb(66,110,148)
```
#4878a2
```
#4878a2 rgb(72,120,162)
```
#4e82af
```
#4e82af rgb(78,130,175)
```

Shade Color Variation

#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#6996bc
```
#6996bc rgb(105,150,188)
```
#769fc2
```
#769fc2 rgb(118,159,194)
```
#84a9c8
```
#84a9c8 rgb(132,169,200)
```
#91b2ce
```
#91b2ce rgb(145,178,206)
```
#9fbcd4
```
#9fbcd4 rgb(159,188,212)
```
#acc5da
```
#acc5da rgb(172,197,218)
```
#bacfe0
```
#bacfe0 rgb(186,207,224)
```
#c8d8e6
```
#c8d8e6 rgb(200,216,230)
```
#d5e2ec
```
#d5e2ec rgb(213,226,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 #1292ff is the most saturated one.

#7f8992
```
#7f8992 rgb(127,137,146)
```
#768a9b
```
#768a9b rgb(118,138,155)
```
#6d8ba4
```
#6d8ba4 rgb(109,139,164)
```
#648bad
```
#648bad rgb(100,139,173)
```
#5b8cb6
```
#5b8cb6 rgb(91,140,182)
```
#528dbf
```
#528dbf rgb(82,141,191)
```
#498dc8
```
#498dc8 rgb(73,141,200)
```
#408ed1
```
#408ed1 rgb(64,142,209)
```
#378fda
```
#378fda rgb(55,143,218)
```
#2d90e4
```
#2d90e4 rgb(45,144,228)
```
#2490ed
```
#2490ed rgb(36,144,237)
```
#1b91f6
```
#1b91f6 rgb(27,145,246)
```
#1292ff
```
#1292ff rgb(18,146,255)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#7a848c Atypical Achromatopsia 0.001% of the population

Dichromacy

#818cb5 Protanopia 1% of men
#7e8bbc Deuteranopia 1% of men
#5996a1 Tritanopia 0.001% of the population

Trichromacy

#738cb5 Protanomaly 1% of men, 0.01% of women
#718bb9 Deuteranomaly 6% of men, 0.4% of women
#5a92a9 Tritanomaly 0.01% of the population

#5b8cb6 hex color

#5b8cb6 Color Information

#5b8cb6 Color Conversion

Color Schemes with #5b8cb6

Alternatives to #5b8cb6

#5b8cb6 Preview

Shades and Tints of #5b8cb6

Tones of #5b8cb6

Color Blindness Simulator