#5b8fb3 hex color

In a RGB color space, hex #5b8fb3 is composed of 35.7% red, 56.1% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 49.2% cyan, 20.1% magenta, 0% yellow and 29.8% black. It has a hue angle of 204.5 degrees, a saturation of 36.7% and a lightness of 52.9%. #5b8fb3 color hex could be obtained by blending #b6ffff with #001f67. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 36
- G 56
- B 70
RGB color chart
- C 49
- M 20
- Y 0
- K 30
CMYK color chart

● #5b8fb3 color description : Slightly desaturated blue.

The hexadecimal color #5b8fb3 has RGB values of R:91, G:143, B:179 and CMYK values of C:0.49, M:0.2, Y:0, K:0.3. Its decimal value is 6000563.

Hex triplet	5b8fb3	`#5b8fb3`
RGB Decimal	91, 143, 179	`rgb(91,143,179)`
RGB Percent	35.7, 56.1, 70.2	`rgb(35.7%,56.1%,70.2%)`
CMYK	49, 20, 0, 30
HSL	204.5°, 36.7, 52.9	`hsl(204.5,36.7%,52.9%)`
HSV (or HSB)	204.5°, 49.2, 70.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.195, -7.241, -24.221
XYZ	22.272, 25.123, 46.321
xyY	0.238, 0.268, 25.123
CIE-LCH	57.195, 25.28, 253.356
CIE-LUV	57.195, -23.997, -35.784
Hunter-Lab	50.122, -8.399, -19.708
Binary	01011011, 10001111, 10110011

#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#b37f5b
```
#b37f5b rgb(179,127,91)
```

Complementary Color

#5bb3ab
```
#5bb3ab rgb(91,179,171)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#5b63b3
```
#5b63b3 rgb(91,99,179)
```

Analogous Color

#b3ab5b
```
#b3ab5b rgb(179,171,91)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#b35b63
```
#b35b63 rgb(179,91,99)
```

Split Complementary Color

#8fb35b
```
#8fb35b rgb(143,179,91)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#b35b8f
```
#b35b8f rgb(179,91,143)
```

Triadic Color

#5bb37f
```
#5bb37f rgb(91,179,127)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#b35b8f
```
#b35b8f rgb(179,91,143)
```
#b37f5b
```
#b37f5b rgb(179,127,91)
```

Tetradic Color

#3d6784
```
#3d6784 rgb(61,103,132)
```
#457596
```
#457596 rgb(69,117,150)
```
#4d82a7
```
#4d82a7 rgb(77,130,167)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#6c9bbb
```
#6c9bbb rgb(108,155,187)
```
#7ea7c3
```
#7ea7c3 rgb(126,167,195)
```
#8fb3cb
```
#8fb3cb rgb(143,179,203)
```

Monochromatic Color

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

#5ba5b3
```
#5ba5b3 rgb(91,165,179)
```
#5b9eb3
```
#5b9eb3 rgb(91,158,179)
```
#5b96b3
```
#5b96b3 rgb(91,150,179)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#5b88b3
```
#5b88b3 rgb(91,136,179)
```
#5b80b3
```
#5b80b3 rgb(91,128,179)
```
#5b79b3
```
#5b79b3 rgb(91,121,179)
```

Similar Colors

Text with hexadecimal color #5b8fb3

This text has a font color of #5b8fb3.

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

#5b8fb3 background color

This paragraph has a background color of #5b8fb3.

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

#5b8fb3 border color

This element has a border color of #5b8fb3.

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

CSS codes

.text {color:#5b8fb3;}

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

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

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

#05080a
```
#05080a rgb(5,8,10)
```
#0b1218
```
#0b1218 rgb(11,18,24)
```
#111d25
```
#111d25 rgb(17,29,37)
```
#172732
```
#172732 rgb(23,39,50)
```
#1e3240
```
#1e3240 rgb(30,50,64)
```
#243c4d
```
#243c4d rgb(36,60,77)
```
#2a475b
```
#2a475b rgb(42,71,91)
```
#305168
```
#305168 rgb(48,81,104)
```
#365c75
```
#365c75 rgb(54,92,117)
```
#3d6683
```
#3d6683 rgb(61,102,131)
```
#437190
```
#437190 rgb(67,113,144)
```
#497b9e
```
#497b9e rgb(73,123,158)
```
#4f86ab
```
#4f86ab rgb(79,134,171)
```

Shade Color Variation

#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#6898b9
```
#6898b9 rgb(104,152,185)
```
#76a1bf
```
#76a1bf rgb(118,161,191)
```
#83aac6
```
#83aac6 rgb(131,170,198)
```
#91b4cc
```
#91b4cc rgb(145,180,204)
```
#9ebdd2
```
#9ebdd2 rgb(158,189,210)
```
#abc6d8
```
#abc6d8 rgb(171,198,216)
```
#b9cfde
```
#b9cfde rgb(185,207,222)
```
#c6d8e5
```
#c6d8e5 rgb(198,216,229)
```
#d4e1eb
```
#d4e1eb rgb(212,225,235)
```
#e1ebf1
```
#e1ebf1 rgb(225,235,241)
```
#eef4f7
```
#eef4f7 rgb(238,244,247)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #80888e is the less saturated color, while #119cfd is the most saturated one.

#80888e
```
#80888e rgb(128,136,142)
```
#778a97
```
#778a97 rgb(119,138,151)
```
#6d8ca1
```
#6d8ca1 rgb(109,140,161)
```
#648daa
```
#648daa rgb(100,141,170)
```
#5b8fb3
```
#5b8fb3 rgb(91,143,179)
```
#5291bc
```
#5291bc rgb(82,145,188)
```
#4992c5
```
#4992c5 rgb(73,146,197)
```
#3f94cf
```
#3f94cf rgb(63,148,207)
```
#3696d8
```
#3696d8 rgb(54,150,216)
```
#2d97e1
```
#2d97e1 rgb(45,151,225)
```
#2499ea
```
#2499ea rgb(36,153,234)
```
#1a9bf4
```
#1a9bf4 rgb(26,155,244)
```
#119cfd
```
#119cfd rgb(17,156,253)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7c868d Atypical Achromatopsia 0.001% of the population

Dichromacy

#858eb2 Protanopia 1% of men
#838db9 Deuteranopia 1% of men
#5b98a3 Tritanopia 0.001% of the population

Trichromacy

#768eb2 Protanomaly 1% of men, 0.01% of women
#758db7 Deuteranomaly 6% of men, 0.4% of women
#5b95a9 Tritanomaly 0.01% of the population

#5b8fb3 hex color

#5b8fb3 Color Information

#5b8fb3 Color Conversion

Color Schemes with #5b8fb3

Alternatives to #5b8fb3

#5b8fb3 Preview

Shades and Tints of #5b8fb3

Tones of #5b8fb3

Color Blindness Simulator