#5a66d3 hex color

In a RGB color space, hex #5a66d3 is composed of 35.3% red, 40% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 57.3% cyan, 51.7% magenta, 0% yellow and 17.3% black. It has a hue angle of 234 degrees, a saturation of 57.9% and a lightness of 59%. #5a66d3 color hex could be obtained by blending #b4ccff with #0000a7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 35
- G 40
- B 83
RGB color chart
- C 57
- M 52
- Y 0
- K 17
CMYK color chart

● #5a66d3 color description : Moderate blue.

The hexadecimal color #5a66d3 has RGB values of R:90, G:102, B:211 and CMYK values of C:0.57, M:0.52, Y:0, K:0.17. Its decimal value is 5924563.

Hex triplet	5a66d3	`#5a66d3`
RGB Decimal	90, 102, 211	`rgb(90,102,211)`
RGB Percent	35.3, 40, 82.7	`rgb(35.3%,40%,82.7%)`
CMYK	57, 52, 0, 17
HSL	234°, 57.9, 59	`hsl(234,57.9%,59%)`
HSV (or HSB)	234°, 57.3, 82.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.467, 27.372, -57.84
XYZ	20.723, 16.379, 63.694
xyY	0.206, 0.162, 16.379
CIE-LCH	47.467, 63.99, 295.325
CIE-LUV	47.467, -10.272, -90.169
Hunter-Lab	40.471, 20.579, -64.983
Binary	01011010, 01100110, 11010011

#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#d3c75a
```
#d3c75a rgb(211,199,90)
```

Complementary Color

#5aa3d3
```
#5aa3d3 rgb(90,163,211)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#8b5ad3
```
#8b5ad3 rgb(139,90,211)
```

Analogous Color

#a3d35a
```
#a3d35a rgb(163,211,90)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#d38b5a
```
#d38b5a rgb(211,139,90)
```

Split Complementary Color

#66d35a
```
#66d35a rgb(102,211,90)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#d35a66
```
#d35a66 rgb(211,90,102)
```

Triadic Color

#5ad3c7
```
#5ad3c7 rgb(90,211,199)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#d35a66
```
#d35a66 rgb(211,90,102)
```
#d3c75a
```
#d3c75a rgb(211,199,90)
```

Tetradic Color

#2f3cb1
```
#2f3cb1 rgb(47,60,177)
```
#3543c5
```
#3543c5 rgb(53,67,197)
```
#4653ce
```
#4653ce rgb(70,83,206)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#6e79d8
```
#6e79d8 rgb(110,121,216)
```
#828bde
```
#828bde rgb(130,139,222)
```
#969ee3
```
#969ee3 rgb(150,158,227)
```

Monochromatic Color

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

#5a84d3
```
#5a84d3 rgb(90,132,211)
```
#5a7ad3
```
#5a7ad3 rgb(90,122,211)
```
#5a70d3
```
#5a70d3 rgb(90,112,211)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#5a5cd3
```
#5a5cd3 rgb(90,92,211)
```
#625ad3
```
#625ad3 rgb(98,90,211)
```
#6c5ad3
```
#6c5ad3 rgb(108,90,211)
```

Similar Colors

Text with hexadecimal color #5a66d3

This text has a font color of #5a66d3.

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

#5a66d3 background color

This paragraph has a background color of #5a66d3.

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

#5a66d3 border color

This element has a border color of #5a66d3.

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

CSS codes

.text {color:#5a66d3;}

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

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

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

#010205
```
#010205 rgb(1,2,5)
```
#060715
```
#060715 rgb(6,7,21)
```
#0a0c24
```
#0a0c24 rgb(10,12,36)
```
#0e1234
```
#0e1234 rgb(14,18,52)
```
#121743
```
#121743 rgb(18,23,67)
```
#161c53
```
#161c53 rgb(22,28,83)
```
#1a2162
```
#1a2162 rgb(26,33,98)
```
#1e2772
```
#1e2772 rgb(30,39,114)
```
#222c81
```
#222c81 rgb(34,44,129)
```
#273191
```
#273191 rgb(39,49,145)
```
#2b36a0
```
#2b36a0 rgb(43,54,160)
```
#2f3cb0
```
#2f3cb0 rgb(47,60,176)
```
#3341bf
```
#3341bf rgb(51,65,191)
```

Shade Color Variation

#3b49cb
```
#3b49cb rgb(59,73,203)
```
#4b58cf
```
#4b58cf rgb(75,88,207)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#6974d7
```
#6974d7 rgb(105,116,215)
```
#7983db
```
#7983db rgb(121,131,219)
```
#8891df
```
#8891df rgb(136,145,223)
```
#989fe4
```
#989fe4 rgb(152,159,228)
```
#a7aee8
```
#a7aee8 rgb(167,174,232)
```
#b7bcec
```
#b7bcec rgb(183,188,236)
```
#c6cbf0
```
#c6cbf0 rgb(198,203,240)
```
#d6d9f4
```
#d6d9f4 rgb(214,217,244)
```
#e5e7f8
```
#e5e7f8 rgb(229,231,248)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92939b is the less saturated color, while #3246fb is the most saturated one.

#92939b
```
#92939b rgb(146,147,155)
```
#8a8da3
```
#8a8da3 rgb(138,141,163)
```
#8286ab
```
#8286ab rgb(130,134,171)
```
#7a80b3
```
#7a80b3 rgb(122,128,179)
```
#7279bb
```
#7279bb rgb(114,121,187)
```
#6a73c3
```
#6a73c3 rgb(106,115,195)
```
#626ccb
```
#626ccb rgb(98,108,203)
```
#5a66d3
```
#5a66d3 rgb(90,102,211)
```
#5260db
```
#5260db rgb(82,96,219)
```
#4a59e3
```
#4a59e3 rgb(74,89,227)
```
#4253eb
```
#4253eb rgb(66,83,235)
```
#3a4cf3
```
#3a4cf3 rgb(58,76,243)
```
#3246fb
```
#3246fb rgb(50,70,251)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#6b6d83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3274db Protanopia 1% of men
#007aca Deuteranopia 1% of men
#3a818b Tritanopia 0.001% of the population

Trichromacy

#406fd8 Protanomaly 1% of men, 0.01% of women
#2072cd Deuteranomaly 6% of men, 0.4% of women
#4577a5 Tritanomaly 0.01% of the population

#5a66d3 hex color

#5a66d3 Color Information

#5a66d3 Color Conversion

Color Schemes with #5a66d3

Alternatives to #5a66d3

#5a66d3 Preview

Shades and Tints of #5a66d3

Tones of #5a66d3

Color Blindness Simulator