#5b7bba hex color

In a RGB color space, hex #5b7bba is composed of 35.7% red, 48.2% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 33.9% magenta, 0% yellow and 27.1% black. It has a hue angle of 219.8 degrees, a saturation of 40.8% and a lightness of 54.3%. #5b7bba color hex could be obtained by blending #b6f6ff with #000075. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 73
RGB color chart
- C 51
- M 34
- Y 0
- K 27
CMYK color chart

● #5b7bba color description : Moderate blue.

The hexadecimal color #5b7bba has RGB values of R:91, G:123, B:186 and CMYK values of C:0.51, M:0.34, Y:0, K:0.27. Its decimal value is 5995450.

Hex triplet	5b7bba	`#5b7bba`
RGB Decimal	91, 123, 186	`rgb(91,123,186)`
RGB Percent	35.7, 48.2, 72.9	`rgb(35.7%,48.2%,72.9%)`
CMYK	51, 34, 0, 27
HSL	219.8°, 40.8, 54.3	`hsl(219.8,40.8%,54.3%)`
HSV (or HSB)	219.8°, 51.1, 72.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.763, 6.589, -36.674
XYZ	20.258, 19.934, 49.232
xyY	0.227, 0.223, 19.934
CIE-LCH	51.763, 37.261, 280.185
CIE-LUV	51.763, -16.358, -56.618
Hunter-Lab	44.648, 2.858, -34.124
Binary	01011011, 01111011, 10111010

#5b7bba
```
#5b7bba rgb(91,123,186)
```
#ba9a5b
```
#ba9a5b rgb(186,154,91)
```

Complementary Color

#5babba
```
#5babba rgb(91,171,186)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#6b5bba
```
#6b5bba rgb(107,91,186)
```

Analogous Color

#abba5b
```
#abba5b rgb(171,186,91)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#ba6b5b
```
#ba6b5b rgb(186,107,91)
```

Split Complementary Color

#7bba5b
```
#7bba5b rgb(123,186,91)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#ba5b7b
```
#ba5b7b rgb(186,91,123)
```

Triadic Color

#5bba9a
```
#5bba9a rgb(91,186,154)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#ba5b7b
```
#ba5b7b rgb(186,91,123)
```
#ba9a5b
```
#ba9a5b rgb(186,154,91)
```

Tetradic Color

#3b578d
```
#3b578d rgb(59,87,141)
```
#43629f
```
#43629f rgb(67,98,159)
```
#4a6db1
```
#4a6db1 rgb(74,109,177)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#6d89c2
```
#6d89c2 rgb(109,137,194)
```
#7f98c9
```
#7f98c9 rgb(127,152,201)
```
#91a6d1
```
#91a6d1 rgb(145,166,209)
```

Monochromatic Color

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

#5b93ba
```
#5b93ba rgb(91,147,186)
```
#5b8bba
```
#5b8bba rgb(91,139,186)
```
#5b83ba
```
#5b83ba rgb(91,131,186)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#5b73ba
```
#5b73ba rgb(91,115,186)
```
#5b6bba
```
#5b6bba rgb(91,107,186)
```
#5b63ba
```
#5b63ba rgb(91,99,186)
```

Similar Colors

Text with hexadecimal color #5b7bba

This text has a font color of #5b7bba.

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

#5b7bba background color

This paragraph has a background color of #5b7bba.

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

#5b7bba border color

This element has a border color of #5b7bba.

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

CSS codes

.text {color:#5b7bba;}

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

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

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, #010102 is the darkest color, while #f3f5fa is the lightest one.

#010102
```
#010102 rgb(1,1,2)
```
#070a0f
```
#070a0f rgb(7,10,15)
```
#0c121d
```
#0c121d rgb(12,18,29)
```
#121b2b
```
#121b2b rgb(18,27,43)
```
#182339
```
#182339 rgb(24,35,57)
```
#1e2c47
```
#1e2c47 rgb(30,44,71)
```
#243455
```
#243455 rgb(36,52,85)
```
#293d62
```
#293d62 rgb(41,61,98)
```
#2f4570
```
#2f4570 rgb(47,69,112)
```
#354e7e
```
#354e7e rgb(53,78,126)
```
#3b568c
```
#3b568c rgb(59,86,140)
```
#415f9a
```
#415f9a rgb(65,95,154)
```
#4667a7
```
#4667a7 rgb(70,103,167)
```

Shade Color Variation

#4d70b4
```
#4d70b4 rgb(77,112,180)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#6986c0
```
#6986c0 rgb(105,134,192)
```
#7791c6
```
#7791c6 rgb(119,145,198)
```
#849ccb
```
#849ccb rgb(132,156,203)
```
#92a7d1
```
#92a7d1 rgb(146,167,209)
```
#a0b3d7
```
#a0b3d7 rgb(160,179,215)
```
#aebedd
```
#aebedd rgb(174,190,221)
```
#bcc9e3
```
#bcc9e3 rgb(188,201,227)
```
#c9d4e8
```
#c9d4e8 rgb(201,212,232)
```
#d7dfee
```
#d7dfee rgb(215,223,238)
```
#e5eaf4
```
#e5eaf4 rgb(229,234,244)
```
#f3f5fa
```
#f3f5fa rgb(243,245,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #888a8d is the less saturated color, while #1c67f9 is the most saturated one.

#888a8d
```
#888a8d rgb(136,138,141)
```
#7f8796
```
#7f8796 rgb(127,135,150)
```
#76849f
```
#76849f rgb(118,132,159)
```
#6d81a8
```
#6d81a8 rgb(109,129,168)
```
#647eb1
```
#647eb1 rgb(100,126,177)
```
#5b7bba
```
#5b7bba rgb(91,123,186)
```
#5278c3
```
#5278c3 rgb(82,120,195)
```
#4975cc
```
#4975cc rgb(73,117,204)
```
#4072d5
```
#4072d5 rgb(64,114,213)
```
#376fde
```
#376fde rgb(55,111,222)
```
#2e6ce7
```
#2e6ce7 rgb(46,108,231)
```
#2569f0
```
#2569f0 rgb(37,105,240)
```
#1c67f9
```
#1c67f9 rgb(28,103,249)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#737986 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b80bc Protanopia 1% of men
#6381bd Deuteranopia 1% of men
#528a94 Tritanopia 0.001% of the population

Trichromacy

#657ebb Protanomaly 1% of men, 0.01% of women
#607fbc Deuteranomaly 6% of men, 0.4% of women
#5584a2 Tritanomaly 0.01% of the population

#5b7bba hex color

#5b7bba Color Information

#5b7bba Color Conversion

Color Schemes with #5b7bba

Alternatives to #5b7bba

#5b7bba Preview

Shades and Tints of #5b7bba

Tones of #5b7bba

Color Blindness Simulator