colorhexa.com

#5b7da6 hex color

In a RGB color space, hex #5b7da6 is composed of 35.7% red, 49% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 24.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 212.8 degrees, a saturation of 29.6% and a lightness of 50.4%. #5b7da6 color hex could be obtained by blending #b6faff with #00004d. Closest websafe color is: #666699.

- R 36
- G 49
- B 65
RGB color chart
- C 45
- M 25
- Y 0
- K 35
CMYK color chart

● #5b7da6 color description : Dark moderate blue.

The hexadecimal color #5b7da6 has RGB values of R:91, G:125, B:166 and CMYK values of C:0.45, M:0.25, Y:0, K:0.35. Its decimal value is 5995942.

Hex triplet	5b7da6	`#5b7da6`
RGB Decimal	91, 125, 166	`rgb(91,125,166)`
RGB Percent	35.7, 49, 65.1	`rgb(35.7%,49%,65.1%)`
CMYK	45, 25, 0, 35
HSL	212.8°, 29.6, 50.4	`hsl(212.8,29.6%,50.4%)`
HSV (or HSB)	212.8°, 45.2, 65.1
Web Safe	666699	`#666699`

CIE-LAB	51.432, -0.736, -25.64
XYZ	18.529, 19.644, 38.89
xyY	0.24, 0.255, 19.644
CIE-LCH	51.432, 25.65, 268.357
CIE-LUV	51.432, -16.993, -38.144
Hunter-Lab	44.321, -2.937, -20.999
Binary	01011011, 01111101, 10100110

#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#a6845b
```
#a6845b rgb(166,132,91)
```

Complementary Color

#5ba3a6
```
#5ba3a6 rgb(91,163,166)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#5f5ba6
```
#5f5ba6 rgb(95,91,166)
```

Analogous Color

#a3a65b
```
#a3a65b rgb(163,166,91)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#a65f5b
```
#a65f5b rgb(166,95,91)
```

Split Complementary Color

#7da65b
```
#7da65b rgb(125,166,91)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#a65b7d
```
#a65b7d rgb(166,91,125)
```

Triadic Color

#5ba684
```
#5ba684 rgb(91,166,132)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#a65b7d
```
#a65b7d rgb(166,91,125)
```
#a6845b
```
#a6845b rgb(166,132,91)
```

Tetradic Color

#3f5875
```
#3f5875 rgb(63,88,117)
```
#486486
```
#486486 rgb(72,100,134)
```
#517196
```
#517196 rgb(81,113,150)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#6c8aaf
```
#6c8aaf rgb(108,138,175)
```
#7c97b8
```
#7c97b8 rgb(124,151,184)
```
#8da4c1
```
#8da4c1 rgb(141,164,193)
```

Monochromatic Color

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

#5b90a6
```
#5b90a6 rgb(91,144,166)
```
#5b8aa6
```
#5b8aa6 rgb(91,138,166)
```
#5b83a6
```
#5b83a6 rgb(91,131,166)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#5b77a6
```
#5b77a6 rgb(91,119,166)
```
#5b71a6
```
#5b71a6 rgb(91,113,166)
```
#5b6aa6
```
#5b6aa6 rgb(91,106,166)
```

Similar Colors

Text with hexadecimal color #5b7da6

This text has a font color of #5b7da6.

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

#5b7da6 background color

This paragraph has a background color of #5b7da6.

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

#5b7da6 border color

This element has a border color of #5b7da6.

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

CSS codes

.text {color:#5b7da6;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#080b0e
```
#080b0e rgb(8,11,14)
```
#0f141b
```
#0f141b rgb(15,20,27)
```
#151e27
```
#151e27 rgb(21,30,39)
```
#1c2734
```
#1c2734 rgb(28,39,52)
```
#233141
```
#233141 rgb(35,49,65)
```
#2a3a4e
```
#2a3a4e rgb(42,58,78)
```
#31445a
```
#31445a rgb(49,68,90)
```
#384d67
```
#384d67 rgb(56,77,103)
```
#3f5774
```
#3f5774 rgb(63,87,116)
```
#466080
```
#466080 rgb(70,96,128)
```
#4d6a8d
```
#4d6a8d rgb(77,106,141)
```
#54739a
```
#54739a rgb(84,115,154)
```

Shade Color Variation

#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#6887ad
```
#6887ad rgb(104,135,173)
```
#7491b4
```
#7491b4 rgb(116,145,180)
```
#819bbb
```
#819bbb rgb(129,155,187)
```
#8ea5c2
```
#8ea5c2 rgb(142,165,194)
```
#9bafc9
```
#9bafc9 rgb(155,175,201)
```
#a7b9cf
```
#a7b9cf rgb(167,185,207)
```
#b4c4d6
```
#b4c4d6 rgb(180,196,214)
```
#c1cedd
```
#c1cedd rgb(193,206,221)
```
#cdd8e4
```
#cdd8e4 rgb(205,216,228)
```
#dae2eb
```
#dae2eb rgb(218,226,235)
```
#e7ecf2
```
#e7ecf2 rgb(231,236,242)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788089 is the less saturated color, while #0375fe is the most saturated one.

#788089
```
#788089 rgb(120,128,137)
```
#6e7f93
```
#6e7f93 rgb(110,127,147)
```
#657e9c
```
#657e9c rgb(101,126,156)
```
#5b7da6
```
#5b7da6 rgb(91,125,166)
```
#517cb0
```
#517cb0 rgb(81,124,176)
```
#487bb9
```
#487bb9 rgb(72,123,185)
```
#3e7ac3
```
#3e7ac3 rgb(62,122,195)
```
#3479cd
```
#3479cd rgb(52,121,205)
```
#2a78d7
```
#2a78d7 rgb(42,120,215)
```
#2178e0
```
#2178e0 rgb(33,120,224)
```
#1777ea
```
#1777ea rgb(23,119,234)
```
#0d76f4
```
#0d76f4 rgb(13,118,244)
```
#0375fe
```
#0375fe rgb(3,117,254)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#727981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#757fa8 Protanopia 1% of men
#737fac Deuteranopia 1% of men
#5a8892 Tritanopia 0.001% of the population

Trichromacy

#6b7ea7 Protanomaly 1% of men, 0.01% of women
#6a7ea9 Deuteranomaly 6% of men, 0.4% of women
#5a8499 Tritanomaly 0.01% of the population