#5a7ad6 hex color

In a RGB color space, hex #5a7ad6 is composed of 35.3% red, 47.8% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 57.9% cyan, 43% magenta, 0% yellow and 16.1% black. It has a hue angle of 224.5 degrees, a saturation of 60.2% and a lightness of 59.6%. #5a7ad6 color hex could be obtained by blending #b4f4ff with #0000ad. Closest websafe color is: #6666cc.

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

● #5a7ad6 color description : Moderate blue.

The hexadecimal color #5a7ad6 has RGB values of R:90, G:122, B:214 and CMYK values of C:0.58, M:0.43, Y:0, K:0.16. Its decimal value is 5929686.

Hex triplet	5a7ad6	`#5a7ad6`
RGB Decimal	90, 122, 214	`rgb(90,122,214)`
RGB Percent	35.3, 47.8, 83.9	`rgb(35.3%,47.8%,83.9%)`
CMYK	58, 43, 0, 16
HSL	224.5°, 60.2, 59.6	`hsl(224.5,60.2%,59.6%)`
HSV (or HSB)	224.5°, 57.9, 83.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.891, 16.032, -50.85
XYZ	23.311, 20.947, 66.429
xyY	0.211, 0.189, 20.947
CIE-LCH	52.891, 53.318, 287.499
CIE-LUV	52.891, -16.595, -80.546
Hunter-Lab	45.767, 10.824, -54.02
Binary	01011010, 01111010, 11010110

#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#d6b65a
```
#d6b65a rgb(214,182,90)
```

Complementary Color

#5ab8d6
```
#5ab8d6 rgb(90,184,214)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#785ad6
```
#785ad6 rgb(120,90,214)
```

Analogous Color

#b8d65a
```
#b8d65a rgb(184,214,90)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#d6785a
```
#d6785a rgb(214,120,90)
```

Split Complementary Color

#7ad65a
```
#7ad65a rgb(122,214,90)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#d65a7a
```
#d65a7a rgb(214,90,122)
```

Triadic Color

#5ad6b6
```
#5ad6b6 rgb(90,214,182)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#d65a7a
```
#d65a7a rgb(214,90,122)
```
#d6b65a
```
#d6b65a rgb(214,182,90)
```

Tetradic Color

#2d51b6
```
#2d51b6 rgb(45,81,182)
```
#325acb
```
#325acb rgb(50,90,203)
```
#466ad1
```
#466ad1 rgb(70,106,209)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#6e8adb
```
#6e8adb rgb(110,138,219)
```
#839be0
```
#839be0 rgb(131,155,224)
```
#97abe5
```
#97abe5 rgb(151,171,229)
```

Monochromatic Color

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

#5a99d6
```
#5a99d6 rgb(90,153,214)
```
#5a8fd6
```
#5a8fd6 rgb(90,143,214)
```
#5a84d6
```
#5a84d6 rgb(90,132,214)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#5a70d6
```
#5a70d6 rgb(90,112,214)
```
#5a65d6
```
#5a65d6 rgb(90,101,214)
```
#5a5bd6
```
#5a5bd6 rgb(90,91,214)
```

Similar Colors

Text with hexadecimal color #5a7ad6

This text has a font color of #5a7ad6.

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

#5a7ad6 background color

This paragraph has a background color of #5a7ad6.

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

#5a7ad6 border color

This element has a border color of #5a7ad6.

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

CSS codes

.text {color:#5a7ad6;}

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

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

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

#020308
```
#020308 rgb(2,3,8)
```
#060a18
```
#060a18 rgb(6,10,24)
```
#0a1127
```
#0a1127 rgb(10,17,39)
```
#0e1837
```
#0e1837 rgb(14,24,55)
```
#121f47
```
#121f47 rgb(18,31,71)
```
#152656
```
#152656 rgb(21,38,86)
```
#192d66
```
#192d66 rgb(25,45,102)
```
#1d3476
```
#1d3476 rgb(29,52,118)
```
#213b86
```
#213b86 rgb(33,59,134)
```
#254295
```
#254295 rgb(37,66,149)
```
#2949a5
```
#2949a5 rgb(41,73,165)
```
#2d50b5
```
#2d50b5 rgb(45,80,181)
```
#3157c4
```
#3157c4 rgb(49,87,196)
```

Shade Color Variation

#3b61ce
```
#3b61ce rgb(59,97,206)
```
#4a6dd2
```
#4a6dd2 rgb(74,109,210)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#6a87da
```
#6a87da rgb(106,135,218)
```
#7993de
```
#7993de rgb(121,147,222)
```
#89a0e2
```
#89a0e2 rgb(137,160,226)
```
#99ade6
```
#99ade6 rgb(153,173,230)
```
#a9b9ea
```
#a9b9ea rgb(169,185,234)
```
#b8c6ed
```
#b8c6ed rgb(184,198,237)
```
#c8d3f1
```
#c8d3f1 rgb(200,211,241)
```
#d8dff5
```
#d8dff5 rgb(216,223,245)
```
#e7ecf9
```
#e7ecf9 rgb(231,236,249)
```
#f7f9fd
```
#f7f9fd rgb(247,249,253)
```

Tint Color Variation

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

#91959f
```
#91959f rgb(145,149,159)
```
#8a91a6
```
#8a91a6 rgb(138,145,166)
```
#828dae
```
#828dae rgb(130,141,174)
```
#7a89b6
```
#7a89b6 rgb(122,137,182)
```
#7286be
```
#7286be rgb(114,134,190)
```
#6a82c6
```
#6a82c6 rgb(106,130,198)
```
#627ece
```
#627ece rgb(98,126,206)
```
#5a7ad6
```
#5a7ad6 rgb(90,122,214)
```
#5276de
```
#5276de rgb(82,118,222)
```
#4a72e6
```
#4a72e6 rgb(74,114,230)
```
#426eee
```
#426eee rgb(66,110,238)
```
#3a6bf6
```
#3a6bf6 rgb(58,107,246)
```
#3267fe
```
#3267fe rgb(50,103,254)
```

Tone Color Variation

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

Dichromacy

#5b82d9 Protanopia 1% of men
#4486d5 Deuteranopia 1% of men
#408f9a Tritanopia 0.001% of the population

Trichromacy

#5a7fd7 Protanomaly 1% of men, 0.01% of women
#4c81d5 Deuteranomaly 6% of men, 0.4% of women
#4987af Tritanomaly 0.01% of the population

#5a7ad6 hex color

#5a7ad6 Color Information

#5a7ad6 Color Conversion

Color Schemes with #5a7ad6

Alternatives to #5a7ad6

#5a7ad6 Preview

Shades and Tints of #5a7ad6

Tones of #5a7ad6

Color Blindness Simulator