#5b7ad7 hex color

In a RGB color space, hex #5b7ad7 is composed of 35.7% red, 47.8% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 43.3% magenta, 0% yellow and 15.7% black. It has a hue angle of 225 degrees, a saturation of 60.8% and a lightness of 60%. #5b7ad7 color hex could be obtained by blending #b6f4ff with #0000af. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 36
- G 48
- B 84
RGB color chart
- C 58
- M 43
- Y 0
- K 16
CMYK color chart

● #5b7ad7 color description : Moderate blue.

The hexadecimal color #5b7ad7 has RGB values of R:91, G:122, B:215 and CMYK values of C:0.58, M:0.43, Y:0, K:0.16. Its decimal value is 5995223.

Hex triplet	5b7ad7	`#5b7ad7`
RGB Decimal	91, 122, 215	`rgb(91,122,215)`
RGB Percent	35.7, 47.8, 84.3	`rgb(35.7%,47.8%,84.3%)`
CMYK	58, 43, 0, 16
HSL	225°, 60.8, 60	`hsl(225,60.8%,60%)`
HSV (or HSB)	225°, 57.7, 84.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.002, 16.561, -51.234
XYZ	23.537, 21.048, 67.109
xyY	0.211, 0.188, 21.048
CIE-LCH	53.002, 53.844, 287.912
CIE-LUV	53.002, -16.317, -81.245
Hunter-Lab	45.878, 11.289, -54.612
Binary	01011011, 01111010, 11010111

#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#d7b85b
```
#d7b85b rgb(215,184,91)
```

Complementary Color

#5bb8d7
```
#5bb8d7 rgb(91,184,215)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#7a5bd7
```
#7a5bd7 rgb(122,91,215)
```

Analogous Color

#b8d75b
```
#b8d75b rgb(184,215,91)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#d77a5b
```
#d77a5b rgb(215,122,91)
```

Split Complementary Color

#7ad75b
```
#7ad75b rgb(122,215,91)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#d75b7a
```
#d75b7a rgb(215,91,122)
```

Triadic Color

#5bd7b8
```
#5bd7b8 rgb(91,215,184)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#d75b7a
```
#d75b7a rgb(215,91,122)
```
#d7b85b
```
#d7b85b rgb(215,184,91)
```

Tetradic Color

#2d50b9
```
#2d50b9 rgb(45,80,185)
```
#3259cd
```
#3259cd rgb(50,89,205)
```
#4769d2
```
#4769d2 rgb(71,105,210)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#708bdc
```
#708bdc rgb(112,139,220)
```
#849be1
```
#849be1 rgb(132,155,225)
```
#99ace6
```
#99ace6 rgb(153,172,230)
```

Monochromatic Color

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

#5b99d7
```
#5b99d7 rgb(91,153,215)
```
#5b8fd7
```
#5b8fd7 rgb(91,143,215)
```
#5b84d7
```
#5b84d7 rgb(91,132,215)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#5b70d7
```
#5b70d7 rgb(91,112,215)
```
#5b65d7
```
#5b65d7 rgb(91,101,215)
```
#5b5bd7
```
#5b5bd7 rgb(91,91,215)
```

Similar Colors

Text with hexadecimal color #5b7ad7

This text has a font color of #5b7ad7.

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

#5b7ad7 background color

This paragraph has a background color of #5b7ad7.

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

#5b7ad7 border color

This element has a border color of #5b7ad7.

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

CSS codes

.text {color:#5b7ad7;}

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

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

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

#020409
```
#020409 rgb(2,4,9)
```
#060b19
```
#060b19 rgb(6,11,25)
```
#0a1229
```
#0a1229 rgb(10,18,41)
```
#0e1939
```
#0e1939 rgb(14,25,57)
```
#121f49
```
#121f49 rgb(18,31,73)
```
#162658
```
#162658 rgb(22,38,88)
```
#192d68
```
#192d68 rgb(25,45,104)
```
#1d3478
```
#1d3478 rgb(29,52,120)
```
#213b88
```
#213b88 rgb(33,59,136)
```
#254297
```
#254297 rgb(37,66,151)
```
#2948a7
```
#2948a7 rgb(41,72,167)
```
#2d4fb7
```
#2d4fb7 rgb(45,79,183)
```
#3056c7
```
#3056c7 rgb(48,86,199)
```

Shade Color Variation

#3b60cf
```
#3b60cf rgb(59,96,207)
```
#4b6dd3
```
#4b6dd3 rgb(75,109,211)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#6b87db
```
#6b87db rgb(107,135,219)
```
#7b94df
```
#7b94df rgb(123,148,223)
```
#8aa0e3
```
#8aa0e3 rgb(138,160,227)
```
#9aade6
```
#9aade6 rgb(154,173,230)
```
#aabaea
```
#aabaea rgb(170,186,234)
```
#bac7ee
```
#bac7ee rgb(186,199,238)
```
#c9d4f2
```
#c9d4f2 rgb(201,212,242)
```
#d9e0f6
```
#d9e0f6 rgb(217,224,246)
```
#e9edfa
```
#e9edfa rgb(233,237,250)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#9295a0
```
#9295a0 rgb(146,149,160)
```
#8a92a8
```
#8a92a8 rgb(138,146,168)
```
#828eb0
```
#828eb0 rgb(130,142,176)
```
#7a8ab8
```
#7a8ab8 rgb(122,138,184)
```
#7386bf
```
#7386bf rgb(115,134,191)
```
#6b82c7
```
#6b82c7 rgb(107,130,199)
```
#637ecf
```
#637ecf rgb(99,126,207)
```
#5b7ad7
```
#5b7ad7 rgb(91,122,215)
```
#5376df
```
#5376df rgb(83,118,223)
```
#4b72e7
```
#4b72e7 rgb(75,114,231)
```
#436eef
```
#436eef rgb(67,110,239)
```
#3c6af6
```
#3c6af6 rgb(60,106,246)
```
#3466fe
```
#3466fe rgb(52,102,254)
```

Tone Color Variation

Below, you can see how #5b7ad7 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
#757b8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a82da Protanopia 1% of men
#4386d6 Deuteranopia 1% of men
#418f9a Tritanopia 0.001% of the population

Trichromacy

#5a7fd9 Protanomaly 1% of men, 0.01% of women
#4c81d6 Deuteranomaly 6% of men, 0.4% of women
#4a87b0 Tritanomaly 0.01% of the population

#5b7ad7 hex color

#5b7ad7 Color Information

#5b7ad7 Color Conversion

Color Schemes with #5b7ad7

Alternatives to #5b7ad7

#5b7ad7 Preview

Shades and Tints of #5b7ad7

Tones of #5b7ad7

Color Blindness Simulator