#5a66c8 hex color

In a RGB color space, hex #5a66c8 is composed of 35.3% red, 40% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 49% magenta, 0% yellow and 21.6% black. It has a hue angle of 233.5 degrees, a saturation of 50% and a lightness of 56.9%. #5a66c8 color hex could be obtained by blending #b4ccff with #000091. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 40
- B 78
RGB color chart
- C 55
- M 49
- Y 0
- K 22
CMYK color chart

● #5a66c8 color description : Moderate blue.

The hexadecimal color #5a66c8 has RGB values of R:90, G:102, B:200 and CMYK values of C:0.55, M:0.49, Y:0, K:0.22. Its decimal value is 5924552.

Hex triplet	5a66c8	`#5a66c8`
RGB Decimal	90, 102, 200	`rgb(90,102,200)`
RGB Percent	35.3, 40, 78.4	`rgb(35.3%,40%,78.4%)`
CMYK	55, 49, 0, 22
HSL	233.5°, 50, 56.9	`hsl(233.5,50%,56.9%)`
HSV (or HSB)	233.5°, 55, 78.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.771, 23.779, -52.657
XYZ	19.391, 15.846, 56.677
xyY	0.211, 0.172, 15.846
CIE-LCH	46.771, 57.778, 294.303
CIE-LUV	46.771, -9.872, -81.741
Hunter-Lab	39.807, 17.291, -56.553
Binary	01011010, 01100110, 11001000

#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#c8bc5a
```
#c8bc5a rgb(200,188,90)
```

Complementary Color

#5a9dc8
```
#5a9dc8 rgb(90,157,200)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#855ac8
```
#855ac8 rgb(133,90,200)
```

Analogous Color

#9dc85a
```
#9dc85a rgb(157,200,90)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#c8855a
```
#c8855a rgb(200,133,90)
```

Split Complementary Color

#66c85a
```
#66c85a rgb(102,200,90)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#c85a66
```
#c85a66 rgb(200,90,102)
```

Triadic Color

#5ac8bc
```
#5ac8bc rgb(90,200,188)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#c85a66
```
#c85a66 rgb(200,90,102)
```
#c8bc5a
```
#c8bc5a rgb(200,188,90)
```

Tetradic Color

#3541a0
```
#3541a0 rgb(53,65,160)
```
#3c49b3
```
#3c49b3 rgb(60,73,179)
```
#4754c2
```
#4754c2 rgb(71,84,194)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#6d78ce
```
#6d78ce rgb(109,120,206)
```
#8089d5
```
#8089d5 rgb(128,137,213)
```
#939bdb
```
#939bdb rgb(147,155,219)
```

Monochromatic Color

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

#5a82c8
```
#5a82c8 rgb(90,130,200)
```
#5a78c8
```
#5a78c8 rgb(90,120,200)
```
#5a6fc8
```
#5a6fc8 rgb(90,111,200)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#5a5dc8
```
#5a5dc8 rgb(90,93,200)
```
#605ac8
```
#605ac8 rgb(96,90,200)
```
#6a5ac8
```
#6a5ac8 rgb(106,90,200)
```

Similar Colors

Text with hexadecimal color #5a66c8

This text has a font color of #5a66c8.

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

#5a66c8 background color

This paragraph has a background color of #5a66c8.

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

#5a66c8 border color

This element has a border color of #5a66c8.

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

CSS codes

.text {color:#5a66c8;}

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

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

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, #04050c is the darkest color, while #fcfcfe is the lightest one.

#04050c
```
#04050c rgb(4,5,12)
```
#090b1a
```
#090b1a rgb(9,11,26)
```
#0e1129
```
#0e1129 rgb(14,17,41)
```
#131738
```
#131738 rgb(19,23,56)
```
#171d46
```
#171d46 rgb(23,29,70)
```
#1c2355
```
#1c2355 rgb(28,35,85)
```
#212964
```
#212964 rgb(33,41,100)
```
#262f73
```
#262f73 rgb(38,47,115)
```
#2b3481
```
#2b3481 rgb(43,52,129)
```
#303a90
```
#303a90 rgb(48,58,144)
```
#35409f
```
#35409f rgb(53,64,159)
```
#3a46ad
```
#3a46ad rgb(58,70,173)
```
#3f4cbc
```
#3f4cbc rgb(63,76,188)
```

Shade Color Variation

#4b58c3
```
#4b58c3 rgb(75,88,195)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#6974cd
```
#6974cd rgb(105,116,205)
```
#7781d2
```
#7781d2 rgb(119,129,210)
```
#868fd7
```
#868fd7 rgb(134,143,215)
```
#959ddc
```
#959ddc rgb(149,157,220)
```
#a4aae1
```
#a4aae1 rgb(164,170,225)
```
#b2b8e5
```
#b2b8e5 rgb(178,184,229)
```
#c1c5ea
```
#c1c5ea rgb(193,197,234)
```
#d0d3ef
```
#d0d3ef rgb(208,211,239)
```
#dee1f4
```
#dee1f4 rgb(222,225,244)
```
#edeef9
```
#edeef9 rgb(237,238,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#8d8e95
```
#8d8e95 rgb(141,142,149)
```
#84879e
```
#84879e rgb(132,135,158)
```
#7c80a6
```
#7c80a6 rgb(124,128,166)
```
#737aaf
```
#737aaf rgb(115,122,175)
```
#6b73b7
```
#6b73b7 rgb(107,115,183)
```
#626dc0
```
#626dc0 rgb(98,109,192)
```
#5a66c8
```
#5a66c8 rgb(90,102,200)
```
#525fd0
```
#525fd0 rgb(82,95,208)
```
#4959d9
```
#4959d9 rgb(73,89,217)
```
#4152e1
```
#4152e1 rgb(65,82,225)
```
#384cea
```
#384cea rgb(56,76,234)
```
#3045f2
```
#3045f2 rgb(48,69,242)
```
#273efb
```
#273efb rgb(39,62,251)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#6a6c80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4073cf Protanopia 1% of men
#2078c6 Deuteranopia 1% of men
#427e88 Tritanopia 0.001% of the population

Trichromacy

#496ecc Protanomaly 1% of men, 0.01% of women
#3571c7 Deuteranomaly 6% of men, 0.4% of women
#4b759f Tritanomaly 0.01% of the population

#5a66c8 hex color

#5a66c8 Color Information

#5a66c8 Color Conversion

Color Schemes with #5a66c8

Alternatives to #5a66c8

#5a66c8 Preview

Shades and Tints of #5a66c8

Tones of #5a66c8

Color Blindness Simulator