#5a7aca hex color

In a RGB color space, hex #5a7aca is composed of 35.3% red, 47.8% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 55.4% cyan, 39.6% magenta, 0% yellow and 20.8% black. It has a hue angle of 222.9 degrees, a saturation of 51.4% and a lightness of 57.3%. #5a7aca color hex could be obtained by blending #b4f4ff with #000095. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 48
- B 79
RGB color chart
- C 55
- M 40
- Y 0
- K 21
CMYK color chart

● #5a7aca color description : Moderate blue.

The hexadecimal color #5a7aca has RGB values of R:90, G:122, B:202 and CMYK values of C:0.55, M:0.4, Y:0, K:0.21. Its decimal value is 5929674.

Hex triplet	5a7aca	`#5a7aca`
RGB Decimal	90, 122, 202	`rgb(90,122,202)`
RGB Percent	35.3, 47.8, 79.2	`rgb(35.3%,47.8%,79.2%)`
CMYK	55, 40, 0, 21
HSL	222.9°, 51.4, 57.3	`hsl(222.9,51.4%,57.3%)`
HSV (or HSB)	222.9°, 55.4, 79.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.237, 12.097, -45.081
XYZ	21.834, 20.356, 58.652
xyY	0.217, 0.202, 20.356
CIE-LCH	52.237, 46.676, 285.02
CIE-LUV	52.237, -16.469, -70.767
Hunter-Lab	45.118, 7.428, -45.494
Binary	01011010, 01111010, 11001010

#5a7aca
```
#5a7aca rgb(90,122,202)
```
#caaa5a
```
#caaa5a rgb(202,170,90)
```

Complementary Color

#5ab2ca
```
#5ab2ca rgb(90,178,202)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#725aca
```
#725aca rgb(114,90,202)
```

Analogous Color

#b2ca5a
```
#b2ca5a rgb(178,202,90)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#ca725a
```
#ca725a rgb(202,114,90)
```

Split Complementary Color

#7aca5a
```
#7aca5a rgb(122,202,90)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#ca5a7a
```
#ca5a7a rgb(202,90,122)
```

Triadic Color

#5acaaa
```
#5acaaa rgb(90,202,170)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#ca5a7a
```
#ca5a7a rgb(202,90,122)
```
#caaa5a
```
#caaa5a rgb(202,170,90)
```

Tetradic Color

#3454a3
```
#3454a3 rgb(52,84,163)
```
#3b5eb6
```
#3b5eb6 rgb(59,94,182)
```
#476ac4
```
#476ac4 rgb(71,106,196)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#6d8ad0
```
#6d8ad0 rgb(109,138,208)
```
#8199d6
```
#8199d6 rgb(129,153,214)
```
#94a9dd
```
#94a9dd rgb(148,169,221)
```

Monochromatic Color

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

#5a96ca
```
#5a96ca rgb(90,150,202)
```
#5a8dca
```
#5a8dca rgb(90,141,202)
```
#5a83ca
```
#5a83ca rgb(90,131,202)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#5a71ca
```
#5a71ca rgb(90,113,202)
```
#5a67ca
```
#5a67ca rgb(90,103,202)
```
#5a5eca
```
#5a5eca rgb(90,94,202)
```

Similar Colors

Text with hexadecimal color #5a7aca

This text has a font color of #5a7aca.

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

#5a7aca background color

This paragraph has a background color of #5a7aca.

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

#5a7aca border color

This element has a border color of #5a7aca.

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

CSS codes

.text {color:#5a7aca;}

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

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

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, #04070d is the darkest color, while #fdfefe is the lightest one.

#04070d
```
#04070d rgb(4,7,13)
```
#090e1c
```
#090e1c rgb(9,14,28)
```
#0e162b
```
#0e162b rgb(14,22,43)
```
#131e3a
```
#131e3a rgb(19,30,58)
```
#172549
```
#172549 rgb(23,37,73)
```
#1c2d57
```
#1c2d57 rgb(28,45,87)
```
#213566
```
#213566 rgb(33,53,102)
```
#263c75
```
#263c75 rgb(38,60,117)
```
#2a4484
```
#2a4484 rgb(42,68,132)
```
#2f4c93
```
#2f4c93 rgb(47,76,147)
```
#3453a2
```
#3453a2 rgb(52,83,162)
```
#395bb0
```
#395bb0 rgb(57,91,176)
```
#3d63bf
```
#3d63bf rgb(61,99,191)
```

Shade Color Variation

#4b6ec5
```
#4b6ec5 rgb(75,110,197)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#6986cf
```
#6986cf rgb(105,134,207)
```
#7892d4
```
#7892d4 rgb(120,146,212)
```
#879ed8
```
#879ed8 rgb(135,158,216)
```
#95aadd
```
#95aadd rgb(149,170,221)
```
#a4b6e2
```
#a4b6e2 rgb(164,182,226)
```
#b3c2e7
```
#b3c2e7 rgb(179,194,231)
```
#c2ceeb
```
#c2ceeb rgb(194,206,235)
```
#d1daf0
```
#d1daf0 rgb(209,218,240)
```
#e0e6f5
```
#e0e6f5 rgb(224,230,245)
```
#eef2fa
```
#eef2fa rgb(238,242,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8c9098 is the less saturated color, while #2864fc is the most saturated one.

#8c9098
```
#8c9098 rgb(140,144,152)
```
#848ca0
```
#848ca0 rgb(132,140,160)
```
#7c88a8
```
#7c88a8 rgb(124,136,168)
```
#7385b1
```
#7385b1 rgb(115,133,177)
```
#6b81b9
```
#6b81b9 rgb(107,129,185)
```
#627ec2
```
#627ec2 rgb(98,126,194)
```
#5a7aca
```
#5a7aca rgb(90,122,202)
```
#5276d2
```
#5276d2 rgb(82,118,210)
```
#4973db
```
#4973db rgb(73,115,219)
```
#416fe3
```
#416fe3 rgb(65,111,227)
```
#386cec
```
#386cec rgb(56,108,236)
```
#3068f4
```
#3068f4 rgb(48,104,244)
```
#2864fc
```
#2864fc rgb(40,100,252)
```

Tone Color Variation

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

Dichromacy

#6280cc Protanopia 1% of men
#5383cb Deuteranopia 1% of men
#488d97 Tritanopia 0.001% of the population

Trichromacy

#5f7ecb Protanomaly 1% of men, 0.01% of women
#5580ca Deuteranomaly 6% of men, 0.4% of women
#4e86a9 Tritanomaly 0.01% of the population

#5a7aca hex color

#5a7aca Color Information

#5a7aca Color Conversion

Color Schemes with #5a7aca

Alternatives to #5a7aca

#5a7aca Preview

Shades and Tints of #5a7aca

Tones of #5a7aca

Color Blindness Simulator