colorhexa.com

#5b83a7 hex color

In a RGB color space, hex #5b83a7 is composed of 35.7% red, 51.4% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 21.6% magenta, 0% yellow and 34.5% black. It has a hue angle of 208.4 degrees, a saturation of 30.2% and a lightness of 50.6%. #5b83a7 color hex could be obtained by blending #b6ffff with #00074f. Closest websafe color is: #669999.

- R 36
- G 51
- B 65
RGB color chart
- C 46
- M 22
- Y 0
- K 35
CMYK color chart

● #5b83a7 color description : Dark moderate blue.

The hexadecimal color #5b83a7 has RGB values of R:91, G:131, B:167 and CMYK values of C:0.46, M:0.22, Y:0, K:0.35. Its decimal value is 5997479.

Hex triplet	5b83a7	`#5b83a7`
RGB Decimal	91, 131, 167	`rgb(91,131,167)`
RGB Percent	35.7, 51.4, 65.5	`rgb(35.7%,51.4%,65.5%)`
CMYK	46, 22, 0, 35
HSL	208.4°, 30.2, 50.6	`hsl(208.4,30.2%,50.6%)`
HSV (or HSB)	208.4°, 45.5, 65.5
Web Safe	669999	`#669999`

CIE-LAB	53.218, -3.94, -23.463
XYZ	19.404, 21.246, 39.635
xyY	0.242, 0.265, 21.246
CIE-LCH	53.218, 23.791, 260.469
CIE-LUV	53.218, -19.371, -34.54
Hunter-Lab	46.093, -5.519, -18.718
Binary	01011011, 10000011, 10100111

#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#a77f5b
```
#a77f5b rgb(167,127,91)
```

Complementary Color

#5ba7a5
```
#5ba7a5 rgb(91,167,165)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#5b5da7
```
#5b5da7 rgb(91,93,167)
```

Analogous Color

#a7a55b
```
#a7a55b rgb(167,165,91)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#a75b5d
```
#a75b5d rgb(167,91,93)
```

Split Complementary Color

#83a75b
```
#83a75b rgb(131,167,91)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#a75b83
```
#a75b83 rgb(167,91,131)
```

Triadic Color

#5ba77f
```
#5ba77f rgb(91,167,127)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#a75b83
```
#a75b83 rgb(167,91,131)
```
#a77f5b
```
#a77f5b rgb(167,127,91)
```

Tetradic Color

#3f5c76
```
#3f5c76 rgb(63,92,118)
```
#486987
```
#486987 rgb(72,105,135)
```
#517697
```
#517697 rgb(81,118,151)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#6c90b0
```
#6c90b0 rgb(108,144,176)
```
#7c9cb9
```
#7c9cb9 rgb(124,156,185)
```
#8da9c2
```
#8da9c2 rgb(141,169,194)
```

Monochromatic Color

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

#5b96a7
```
#5b96a7 rgb(91,150,167)
```
#5b90a7
```
#5b90a7 rgb(91,144,167)
```
#5b89a7
```
#5b89a7 rgb(91,137,167)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#5b7da7
```
#5b7da7 rgb(91,125,167)
```
#5b76a7
```
#5b76a7 rgb(91,118,167)
```
#5b70a7
```
#5b70a7 rgb(91,112,167)
```

Similar Colors

Text with hexadecimal color #5b83a7

This text has a font color of #5b83a7.

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

#5b83a7 background color

This paragraph has a background color of #5b83a7.

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

#5b83a7 border color

This element has a border color of #5b83a7.

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

CSS codes

.text {color:#5b83a7;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#080b0f
```
#080b0f rgb(8,11,15)
```
#0f151b
```
#0f151b rgb(15,21,27)
```
#161f28
```
#161f28 rgb(22,31,40)
```
#1c2935
```
#1c2935 rgb(28,41,53)
```
#233342
```
#233342 rgb(35,51,66)
```
#2a3d4f
```
#2a3d4f rgb(42,61,79)
```
#31475b
```
#31475b rgb(49,71,91)
```
#385168
```
#385168 rgb(56,81,104)
```
#3f5b75
```
#3f5b75 rgb(63,91,117)
```
#466582
```
#466582 rgb(70,101,130)
```
#4c6f8e
```
#4c6f8e rgb(76,111,142)
```
#53799b
```
#53799b rgb(83,121,155)
```

Shade Color Variation

#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#688dae
```
#688dae rgb(104,141,174)
```
#7596b5
```
#7596b5 rgb(117,150,181)
```
#81a0bc
```
#81a0bc rgb(129,160,188)
```
#8eaac2
```
#8eaac2 rgb(142,170,194)
```
#9bb3c9
```
#9bb3c9 rgb(155,179,201)
```
#a8bdd0
```
#a8bdd0 rgb(168,189,208)
```
#b4c7d7
```
#b4c7d7 rgb(180,199,215)
```
#c1d0de
```
#c1d0de rgb(193,208,222)
```
#cedae5
```
#cedae5 rgb(206,218,229)
```
#dbe4eb
```
#dbe4eb rgb(219,228,235)
```
#e7edf2
```
#e7edf2 rgb(231,237,242)
```
#f4f7f9
```
#f4f7f9 rgb(244,247,249)
```

Tint Color Variation

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

#78818a
```
#78818a rgb(120,129,138)
```
#6e8294
```
#6e8294 rgb(110,130,148)
```
#65829d
```
#65829d rgb(101,130,157)
```
#5b83a7
```
#5b83a7 rgb(91,131,167)
```
#5184b1
```
#5184b1 rgb(81,132,177)
```
#4884ba
```
#4884ba rgb(72,132,186)
```
#3e85c4
```
#3e85c4 rgb(62,133,196)
```
#3485ce
```
#3485ce rgb(52,133,206)
```
#2b86d7
```
#2b86d7 rgb(43,134,215)
```
#2186e1
```
#2186e1 rgb(33,134,225)
```
#1787eb
```
#1787eb rgb(23,135,235)
```
#0d87f5
```
#0d87f5 rgb(13,135,245)
```
#0488fe
```
#0488fe rgb(4,136,254)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#757d84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84a8 Protanopia 1% of men
#7a83ad Deuteranopia 1% of men
#5c8d97 Tritanopia 0.001% of the population

Trichromacy

#6f83a7 Protanomaly 1% of men, 0.01% of women
#6f83ab Deuteranomaly 6% of men, 0.4% of women
#5b899d Tritanomaly 0.01% of the population