#5a7ecc hex color

In a RGB color space, hex #5a7ecc is composed of 35.3% red, 49.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 38.2% magenta, 0% yellow and 20% black. It has a hue angle of 221.1 degrees, a saturation of 52.8% and a lightness of 57.6%. #5a7ecc color hex could be obtained by blending #b4fcff with #000099. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 49
- B 80
RGB color chart
- C 56
- M 38
- Y 0
- K 20
CMYK color chart

● #5a7ecc color description : Moderate blue.

The hexadecimal color #5a7ecc has RGB values of R:90, G:126, B:204 and CMYK values of C:0.56, M:0.38, Y:0, K:0.2. Its decimal value is 5930700.

Hex triplet	5a7ecc	`#5a7ecc`
RGB Decimal	90, 126, 204	`rgb(90,126,204)`
RGB Percent	35.3, 49.4, 80	`rgb(35.3%,49.4%,80%)`
CMYK	56, 38, 0, 20
HSL	221.1°, 52.8, 57.6	`hsl(221.1,52.8%,57.6%)`
HSV (or HSB)	221.1°, 55.9, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.443, 10.32, -44.308
XYZ	22.574, 21.454, 60.075
xyY	0.217, 0.206, 21.454
CIE-LCH	53.443, 45.494, 283.112
CIE-LUV	53.443, -17.868, -69.67
Hunter-Lab	46.318, 5.938, -44.476
Binary	01011010, 01111110, 11001100

#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#cca85a
```
#cca85a rgb(204,168,90)
```

Complementary Color

#5ab7cc
```
#5ab7cc rgb(90,183,204)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#6f5acc
```
#6f5acc rgb(111,90,204)
```

Analogous Color

#b7cc5a
```
#b7cc5a rgb(183,204,90)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#cc6f5a
```
#cc6f5a rgb(204,111,90)
```

Split Complementary Color

#7ecc5a
```
#7ecc5a rgb(126,204,90)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#cc5a7e
```
#cc5a7e rgb(204,90,126)
```

Triadic Color

#5acca8
```
#5acca8 rgb(90,204,168)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#cc5a7e
```
#cc5a7e rgb(204,90,126)
```
#cca85a
```
#cca85a rgb(204,168,90)
```

Tetradic Color

#3358a6
```
#3358a6 rgb(51,88,166)
```
#3962ba
```
#3962ba rgb(57,98,186)
```
#476fc6
```
#476fc6 rgb(71,111,198)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#6d8dd2
```
#6d8dd2 rgb(109,141,210)
```
#819cd8
```
#819cd8 rgb(129,156,216)
```
#94acde
```
#94acde rgb(148,172,222)
```

Monochromatic Color

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

#5a9bcc
```
#5a9bcc rgb(90,155,204)
```
#5a91cc
```
#5a91cc rgb(90,145,204)
```
#5a88cc
```
#5a88cc rgb(90,136,204)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#5a75cc
```
#5a75cc rgb(90,117,204)
```
#5a6bcc
```
#5a6bcc rgb(90,107,204)
```
#5a62cc
```
#5a62cc rgb(90,98,204)
```

Similar Colors

Text with hexadecimal color #5a7ecc

This text has a font color of #5a7ecc.

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

#5a7ecc background color

This paragraph has a background color of #5a7ecc.

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

#5a7ecc border color

This element has a border color of #5a7ecc.

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

CSS codes

.text {color:#5a7ecc;}

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

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

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, #05080f is the darkest color, while #ffffff is the lightest one.

#05080f
```
#05080f rgb(5,8,15)
```
#09101e
```
#09101e rgb(9,16,30)
```
#0e182d
```
#0e182d rgb(14,24,45)
```
#12203c
```
#12203c rgb(18,32,60)
```
#17274b
```
#17274b rgb(23,39,75)
```
#1c2f5a
```
#1c2f5a rgb(28,47,90)
```
#203769
```
#203769 rgb(32,55,105)
```
#253f78
```
#253f78 rgb(37,63,120)
```
#2a4787
```
#2a4787 rgb(42,71,135)
```
#2e4f96
```
#2e4f96 rgb(46,79,150)
```
#3357a5
```
#3357a5 rgb(51,87,165)
```
#385fb4
```
#385fb4 rgb(56,95,180)
```
#3c67c3
```
#3c67c3 rgb(60,103,195)
```

Shade Color Variation

#4b72c7
```
#4b72c7 rgb(75,114,199)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#698ad1
```
#698ad1 rgb(105,138,209)
```
#7895d5
```
#7895d5 rgb(120,149,213)
```
#87a1da
```
#87a1da rgb(135,161,218)
```
#96addf
```
#96addf rgb(150,173,223)
```
#a5b9e3
```
#a5b9e3 rgb(165,185,227)
```
#b4c4e8
```
#b4c4e8 rgb(180,196,232)
```
#c3d0ec
```
#c3d0ec rgb(195,208,236)
```
#d2dcf1
```
#d2dcf1 rgb(210,220,241)
```
#e1e7f6
```
#e1e7f6 rgb(225,231,246)
```
#f0f3fa
```
#f0f3fa rgb(240,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c909a
```
#8c909a rgb(140,144,154)
```
#848da2
```
#848da2 rgb(132,141,162)
```
#7b8aab
```
#7b8aab rgb(123,138,171)
```
#7387b3
```
#7387b3 rgb(115,135,179)
```
#6b84bb
```
#6b84bb rgb(107,132,187)
```
#6281c4
```
#6281c4 rgb(98,129,196)
```
#5a7ecc
```
#5a7ecc rgb(90,126,204)
```
#527bd4
```
#527bd4 rgb(82,123,212)
```
#4978dd
```
#4978dd rgb(73,120,221)
```
#4175e5
```
#4175e5 rgb(65,117,229)
```
#3972ed
```
#3972ed rgb(57,114,237)
```
#306ff6
```
#306ff6 rgb(48,111,246)
```
#286cfe
```
#286cfe rgb(40,108,254)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#757c8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6783ce Protanopia 1% of men
#5886cd Deuteranopia 1% of men
#48909a Tritanopia 0.001% of the population

Trichromacy

#6281cd Protanomaly 1% of men, 0.01% of women
#5983cd Deuteranomaly 6% of men, 0.4% of women
#4e89ac Tritanomaly 0.01% of the population

#5a7ecc hex color

#5a7ecc Color Information

#5a7ecc Color Conversion

Color Schemes with #5a7ecc

Alternatives to #5a7ecc

#5a7ecc Preview

Shades and Tints of #5a7ecc

Tones of #5a7ecc

Color Blindness Simulator