#5b82a6 hex color

In a RGB color space, hex #5b82a6 is composed of 35.7% red, 51% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 45.2% cyan, 21.7% magenta, 0% yellow and 34.9% black. It has a hue angle of 208.8 degrees, a saturation of 29.6% and a lightness of 50.4%. #5b82a6 color hex could be obtained by blending #b6ffff with #00054d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 36
- G 51
- B 65
RGB color chart
- C 45
- M 22
- Y 0
- K 35
CMYK color chart

● #5b82a6 color description : Dark moderate blue.

The hexadecimal color #5b82a6 has RGB values of R:91, G:130, B:166 and CMYK values of C:0.45, M:0.22, Y:0, K:0.35. Its decimal value is 5997222.

Hex triplet	5b82a6	`#5b82a6`
RGB Decimal	91, 130, 166	`rgb(91,130,166)`
RGB Percent	35.7, 51, 65.1	`rgb(35.7%,51%,65.1%)`
CMYK	45, 22, 0, 35
HSL	208.8°, 29.6, 50.4	`hsl(208.8,29.6%,50.4%)`
HSV (or HSB)	208.8°, 45.2, 65.1
Web Safe	669999	`#669999`

CIE-LAB	52.886, -3.655, -23.396
XYZ	19.178, 20.942, 39.106
xyY	0.242, 0.264, 20.942
CIE-LCH	52.886, 23.68, 261.12
CIE-LUV	52.886, -18.976, -34.431
Hunter-Lab	45.762, -5.276, -18.633
Binary	01011011, 10000010, 10100110

#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#a67f5b
```
#a67f5b rgb(166,127,91)
```

Complementary Color

#5ba6a5
```
#5ba6a5 rgb(91,166,165)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#5b5da6
```
#5b5da6 rgb(91,93,166)
```

Analogous Color

#a6a55b
```
#a6a55b rgb(166,165,91)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#a65b5d
```
#a65b5d rgb(166,91,93)
```

Split Complementary Color

#82a65b
```
#82a65b rgb(130,166,91)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#a65b82
```
#a65b82 rgb(166,91,130)
```

Triadic Color

#5ba67f
```
#5ba67f rgb(91,166,127)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#a65b82
```
#a65b82 rgb(166,91,130)
```
#a67f5b
```
#a67f5b rgb(166,127,91)
```

Tetradic Color

#3f5b75
```
#3f5b75 rgb(63,91,117)
```
#486886
```
#486886 rgb(72,104,134)
```
#517596
```
#517596 rgb(81,117,150)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#6c8faf
```
#6c8faf rgb(108,143,175)
```
#7c9bb8
```
#7c9bb8 rgb(124,155,184)
```
#8da8c1
```
#8da8c1 rgb(141,168,193)
```

Monochromatic Color

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

#5b95a6
```
#5b95a6 rgb(91,149,166)
```
#5b8fa6
```
#5b8fa6 rgb(91,143,166)
```
#5b88a6
```
#5b88a6 rgb(91,136,166)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#5b7ca6
```
#5b7ca6 rgb(91,124,166)
```
#5b76a6
```
#5b76a6 rgb(91,118,166)
```
#5b6fa6
```
#5b6fa6 rgb(91,111,166)
```

Similar Colors

Text with hexadecimal color #5b82a6

This text has a font color of #5b82a6.

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

#5b82a6 background color

This paragraph has a background color of #5b82a6.

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

#5b82a6 border color

This element has a border color of #5b82a6.

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

CSS codes

.text {color:#5b82a6;}

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

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

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)
```
#0f151b
```
#0f151b rgb(15,21,27)
```
#151f27
```
#151f27 rgb(21,31,39)
```
#1c2934
```
#1c2934 rgb(28,41,52)
```
#233341
```
#233341 rgb(35,51,65)
```
#2a3d4e
```
#2a3d4e rgb(42,61,78)
```
#31465a
```
#31465a rgb(49,70,90)
```
#385067
```
#385067 rgb(56,80,103)
```
#3f5a74
```
#3f5a74 rgb(63,90,116)
```
#466480
```
#466480 rgb(70,100,128)
```
#4d6e8d
```
#4d6e8d rgb(77,110,141)
```
#54789a
```
#54789a rgb(84,120,154)
```

Shade Color Variation

#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#688cad
```
#688cad rgb(104,140,173)
```
#7495b4
```
#7495b4 rgb(116,149,180)
```
#819fbb
```
#819fbb rgb(129,159,187)
```
#8ea9c2
```
#8ea9c2 rgb(142,169,194)
```
#9bb2c9
```
#9bb2c9 rgb(155,178,201)
```
#a7bccf
```
#a7bccf rgb(167,188,207)
```
#b4c6d6
```
#b4c6d6 rgb(180,198,214)
```
#c1d0dd
```
#c1d0dd rgb(193,208,221)
```
#cdd9e4
```
#cdd9e4 rgb(205,217,228)
```
#dae3eb
```
#dae3eb rgb(218,227,235)
```
#e7edf2
```
#e7edf2 rgb(231,237,242)
```
#f4f6f9
```
#f4f6f9 rgb(244,246,249)
```

Tint Color Variation

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

#788189
```
#788189 rgb(120,129,137)
```
#6e8193
```
#6e8193 rgb(110,129,147)
```
#65829c
```
#65829c rgb(101,130,156)
```
#5b82a6
```
#5b82a6 rgb(91,130,166)
```
#5182b0
```
#5182b0 rgb(81,130,176)
```
#4883b9
```
#4883b9 rgb(72,131,185)
```
#3e83c3
```
#3e83c3 rgb(62,131,195)
```
#3484cd
```
#3484cd rgb(52,132,205)
```
#2a84d7
```
#2a84d7 rgb(42,132,215)
```
#2184e0
```
#2184e0 rgb(33,132,224)
```
#1785ea
```
#1785ea rgb(23,133,234)
```
#0d85f4
```
#0d85f4 rgb(13,133,244)
```
#0386fe
```
#0386fe rgb(3,134,254)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#747c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b83a7 Protanopia 1% of men
#7983ac Deuteranopia 1% of men
#5c8c96 Tritanopia 0.001% of the population

Trichromacy

#6f83a6 Protanomaly 1% of men, 0.01% of women
#6e82aa Deuteranomaly 6% of men, 0.4% of women
#5b889c Tritanomaly 0.01% of the population

#5b82a6 hex color

#5b82a6 Color Information

#5b82a6 Color Conversion

Color Schemes with #5b82a6

Alternatives to #5b82a6

#5b82a6 Preview

Shades and Tints of #5b82a6

Tones of #5b82a6

Color Blindness Simulator