#5a66e4 hex color

In a RGB color space, hex #5a66e4 is composed of 35.3% red, 40% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 60.5% cyan, 55.3% magenta, 0% yellow and 10.6% black. It has a hue angle of 234.8 degrees, a saturation of 71.9% and a lightness of 62.4%. #5a66e4 color hex could be obtained by blending #b4ccff with #0000c9. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 40
- B 89
RGB color chart
- C 61
- M 55
- Y 0
- K 11
CMYK color chart

● #5a66e4 color description : Soft blue.

The hexadecimal color #5a66e4 has RGB values of R:90, G:102, B:228 and CMYK values of C:0.61, M:0.55, Y:0, K:0.11. Its decimal value is 5924580.

Hex triplet	5a66e4	`#5a66e4`
RGB Decimal	90, 102, 228	`rgb(90,102,228)`
RGB Percent	35.3, 40, 89.4	`rgb(35.3%,40%,89.4%)`
CMYK	61, 55, 0, 11
HSL	234.8°, 71.9, 62.4	`hsl(234.8,71.9%,62.4%)`
HSV (or HSB)	234.8°, 60.5, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.607, 32.958, -65.645
XYZ	22.969, 17.277, 75.519
xyY	0.198, 0.149, 17.277
CIE-LCH	48.607, 73.454, 296.66
CIE-LUV	48.607, -10.884, -102.783
Hunter-Lab	41.565, 25.898, -78.627
Binary	01011010, 01100110, 11100100

#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#e4d85a
```
#e4d85a rgb(228,216,90)
```

Complementary Color

#5aabe4
```
#5aabe4 rgb(90,171,228)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#935ae4
```
#935ae4 rgb(147,90,228)
```

Analogous Color

#abe45a
```
#abe45a rgb(171,228,90)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#e4935a
```
#e4935a rgb(228,147,90)
```

Split Complementary Color

#66e45a
```
#66e45a rgb(102,228,90)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#e45a66
```
#e45a66 rgb(228,90,102)
```

Triadic Color

#5ae4d8
```
#5ae4d8 rgb(90,228,216)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#e45a66
```
#e45a66 rgb(228,90,102)
```
#e4d85a
```
#e4d85a rgb(228,216,90)
```

Tetradic Color

#2231d0
```
#2231d0 rgb(34,49,208)
```
#2e3ddd
```
#2e3ddd rgb(46,61,221)
```
#4452e0
```
#4452e0 rgb(68,82,224)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#707ae8
```
#707ae8 rgb(112,122,232)
```
#868feb
```
#868feb rgb(134,143,235)
```
#9ca3ef
```
#9ca3ef rgb(156,163,239)
```

Monochromatic Color

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

#5a89e4
```
#5a89e4 rgb(90,137,228)
```
#5a7de4
```
#5a7de4 rgb(90,125,228)
```
#5a72e4
```
#5a72e4 rgb(90,114,228)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#5a5be4
```
#5a5be4 rgb(90,91,228)
```
#655ae4
```
#655ae4 rgb(101,90,228)
```
#715ae4
```
#715ae4 rgb(113,90,228)
```

Similar Colors

Text with hexadecimal color #5a66e4

This text has a font color of #5a66e4.

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

#5a66e4 background color

This paragraph has a background color of #5a66e4.

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

#5a66e4 border color

This element has a border color of #5a66e4.

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

CSS codes

.text {color:#5a66e4;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#030514
```
#030514 rgb(3,5,20)
```
#060925
```
#060925 rgb(6,9,37)
```
#090d36
```
#090d36 rgb(9,13,54)
```
#0c1147
```
#0c1147 rgb(12,17,71)
```
#0e1558
```
#0e1558 rgb(14,21,88)
```
#111969
```
#111969 rgb(17,25,105)
```
#141d7a
```
#141d7a rgb(20,29,122)
```
#17218a
```
#17218a rgb(23,33,138)
```
#19259b
```
#19259b rgb(25,37,155)
```
#1c29ac
```
#1c29ac rgb(28,41,172)
```
#1f2dbd
```
#1f2dbd rgb(31,45,189)
```
#2231ce
```
#2231ce rgb(34,49,206)
```

Shade Color Variation

#2737dc
```
#2737dc rgb(39,55,220)
```
#3847de
```
#3847de rgb(56,71,222)
```
#4956e1
```
#4956e1 rgb(73,86,225)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#6b76e7
```
#6b76e7 rgb(107,118,231)
```
#7c85ea
```
#7c85ea rgb(124,133,234)
```
#8d95ec
```
#8d95ec rgb(141,149,236)
```
#9da5ef
```
#9da5ef rgb(157,165,239)
```
#aeb4f2
```
#aeb4f2 rgb(174,180,242)
```
#bfc4f5
```
#bfc4f5 rgb(191,196,245)
```
#d0d3f7
```
#d0d3f7 rgb(208,211,247)
```
#e1e3fa
```
#e1e3fa rgb(225,227,250)
```
#f2f3fd
```
#f2f3fd rgb(242,243,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9da2 is the less saturated color, while #4454fa is the most saturated one.

#9c9da2
```
#9c9da2 rgb(156,157,162)
```
#9597a9
```
#9597a9 rgb(149,151,169)
```
#8e91b0
```
#8e91b0 rgb(142,145,176)
```
#868bb8
```
#868bb8 rgb(134,139,184)
```
#7f85bf
```
#7f85bf rgb(127,133,191)
```
#787ec6
```
#787ec6 rgb(120,126,198)
```
#7078ce
```
#7078ce rgb(112,120,206)
```
#6972d5
```
#6972d5 rgb(105,114,213)
```
#616cdd
```
#616cdd rgb(97,108,221)
```
#5a66e4
```
#5a66e4 rgb(90,102,228)
```
#5360eb
```
#5360eb rgb(83,96,235)
```
#4b5af3
```
#4b5af3 rgb(75,90,243)
```
#4454fa
```
#4454fa rgb(68,84,250)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6c6f88 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e9 Protanopia 1% of men
#007dcd Deuteranopia 1% of men
#25858f Tritanopia 0.001% of the population

Trichromacy

#2070e7 Protanomaly 1% of men, 0.01% of women
#2074d5 Deuteranomaly 6% of men, 0.4% of women
#387aae Tritanomaly 0.01% of the population

#5a66e4 hex color

#5a66e4 Color Information

#5a66e4 Color Conversion

Color Schemes with #5a66e4

Alternatives to #5a66e4

#5a66e4 Preview

Shades and Tints of #5a66e4

Tones of #5a66e4

Color Blindness Simulator