#5a6ecc hex color

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

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

● #5a6ecc color description : Moderate blue.

The hexadecimal color #5a6ecc has RGB values of R:90, G:110, B:204 and CMYK values of C:0.56, M:0.46, Y:0, K:0.2. Its decimal value is 5926604.

Hex triplet	5a6ecc	`#5a6ecc`
RGB Decimal	90, 110, 204	`rgb(90,110,204)`
RGB Percent	35.3, 43.1, 80	`rgb(35.3%,43.1%,80%)`
CMYK	56, 46, 0, 20
HSL	229.5°, 52.8, 57.6	`hsl(229.5,52.8%,57.6%)`
HSV (or HSB)	229.5°, 55.9, 80
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.111, 20.123, -51.203
XYZ	20.689, 17.684, 59.447
xyY	0.212, 0.181, 17.684
CIE-LCH	49.111, 55.015, 291.455
CIE-LUV	49.111, -12.511, -80.15
Hunter-Lab	42.053, 14.227, -54.377
Binary	01011010, 01101110, 11001100

#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#ccb85a
```
#ccb85a rgb(204,184,90)
```

Complementary Color

#5aa7cc
```
#5aa7cc rgb(90,167,204)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#7f5acc
```
#7f5acc rgb(127,90,204)
```

Analogous Color

#a7cc5a
```
#a7cc5a rgb(167,204,90)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#cc7f5a
```
#cc7f5a rgb(204,127,90)
```

Split Complementary Color

#6ecc5a
```
#6ecc5a rgb(110,204,90)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#cc5a6e
```
#cc5a6e rgb(204,90,110)
```

Triadic Color

#5accb8
```
#5accb8 rgb(90,204,184)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#cc5a6e
```
#cc5a6e rgb(204,90,110)
```
#ccb85a
```
#ccb85a rgb(204,184,90)
```

Tetradic Color

#3347a6
```
#3347a6 rgb(51,71,166)
```
#3950ba
```
#3950ba rgb(57,80,186)
```
#475dc6
```
#475dc6 rgb(71,93,198)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#6d7fd2
```
#6d7fd2 rgb(109,127,210)
```
#8190d8
```
#8190d8 rgb(129,144,216)
```
#94a1de
```
#94a1de rgb(148,161,222)
```

Monochromatic Color

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

#5a8bcc
```
#5a8bcc rgb(90,139,204)
```
#5a81cc
```
#5a81cc rgb(90,129,204)
```
#5a78cc
```
#5a78cc rgb(90,120,204)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#5a65cc
```
#5a65cc rgb(90,101,204)
```
#5a5bcc
```
#5a5bcc rgb(90,91,204)
```
#635acc
```
#635acc rgb(99,90,204)
```

Similar Colors

Text with hexadecimal color #5a6ecc

This text has a font color of #5a6ecc.

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

#5a6ecc background color

This paragraph has a background color of #5a6ecc.

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

#5a6ecc border color

This element has a border color of #5a6ecc.

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

CSS codes

.text {color:#5a6ecc;}

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

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

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

#05060f
```
#05060f rgb(5,6,15)
```
#090d1e
```
#090d1e rgb(9,13,30)
```
#0e132d
```
#0e132d rgb(14,19,45)
```
#121a3c
```
#121a3c rgb(18,26,60)
```
#17204b
```
#17204b rgb(23,32,75)
```
#1c275a
```
#1c275a rgb(28,39,90)
```
#202d69
```
#202d69 rgb(32,45,105)
```
#253478
```
#253478 rgb(37,52,120)
```
#2a3a87
```
#2a3a87 rgb(42,58,135)
```
#2e4096
```
#2e4096 rgb(46,64,150)
```
#3347a5
```
#3347a5 rgb(51,71,165)
```
#384db4
```
#384db4 rgb(56,77,180)
```
#3c54c3
```
#3c54c3 rgb(60,84,195)
```

Shade Color Variation

#4b61c7
```
#4b61c7 rgb(75,97,199)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#697bd1
```
#697bd1 rgb(105,123,209)
```
#7888d5
```
#7888d5 rgb(120,136,213)
```
#8796da
```
#8796da rgb(135,150,218)
```
#96a3df
```
#96a3df rgb(150,163,223)
```
#a5b0e3
```
#a5b0e3 rgb(165,176,227)
```
#b4bde8
```
#b4bde8 rgb(180,189,232)
```
#c3caec
```
#c3caec rgb(195,202,236)
```
#d2d7f1
```
#d2d7f1 rgb(210,215,241)
```
#e1e5f6
```
#e1e5f6 rgb(225,229,246)
```
#f0f2fa
```
#f0f2fa rgb(240,242,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c8e9a
```
#8c8e9a rgb(140,142,154)
```
#8489a2
```
#8489a2 rgb(132,137,162)
```
#7b84ab
```
#7b84ab rgb(123,132,171)
```
#737eb3
```
#737eb3 rgb(115,126,179)
```
#6b79bb
```
#6b79bb rgb(107,121,187)
```
#6273c4
```
#6273c4 rgb(98,115,196)
```
#5a6ecc
```
#5a6ecc rgb(90,110,204)
```
#5269d4
```
#5269d4 rgb(82,105,212)
```
#4963dd
```
#4963dd rgb(73,99,221)
```
#415ee5
```
#415ee5 rgb(65,94,229)
```
#3958ed
```
#3958ed rgb(57,88,237)
```
#3053f6
```
#3053f6 rgb(48,83,246)
```
#284efe
```
#284efe rgb(40,78,254)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6e7285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d79d1 Protanopia 1% of men
#347dcb Deuteranopia 1% of men
#42858e Tritanopia 0.001% of the population

Trichromacy

#5275cf Protanomaly 1% of men, 0.01% of women
#4277cb Deuteranomaly 6% of men, 0.4% of women
#4b7ca5 Tritanomaly 0.01% of the population

#5a6ecc hex color

#5a6ecc Color Information

#5a6ecc Color Conversion

Color Schemes with #5a6ecc

Alternatives to #5a6ecc

#5a6ecc Preview

Shades and Tints of #5a6ecc

Tones of #5a6ecc

Color Blindness Simulator