#5c66a2 hex color

In a RGB color space, hex #5c66a2 is composed of 36.1% red, 40% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 43.2% cyan, 37% magenta, 0% yellow and 36.5% black. It has a hue angle of 231.4 degrees, a saturation of 27.6% and a lightness of 49.8%. #5c66a2 color hex could be obtained by blending #b8ccff with #000045. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 40
- B 64
RGB color chart
- C 43
- M 37
- Y 0
- K 36
CMYK color chart

● #5c66a2 color description : Mostly desaturated dark blue.

The hexadecimal color #5c66a2 has RGB values of R:92, G:102, B:162 and CMYK values of C:0.43, M:0.37, Y:0, K:0.36. Its decimal value is 6055586.

Hex triplet	5c66a2	`#5c66a2`
RGB Decimal	92, 102, 162	`rgb(92,102,162)`
RGB Percent	36.1, 40, 63.5	`rgb(36.1%,40%,63.5%)`
CMYK	43, 37, 0, 36
HSL	231.4°, 27.6, 49.8	`hsl(231.4,27.6%,49.8%)`
HSV (or HSB)	231.4°, 43.2, 63.5
Web Safe	666699	`#666699`

CIE-LAB	44.782, 12.265, -33.667
XYZ	15.685, 14.386, 36.131
xyY	0.237, 0.217, 14.386
CIE-LCH	44.782, 35.832, 290.016
CIE-LUV	44.782, -7.706, -50.869
Hunter-Lab	37.929, 7.441, -29.928
Binary	01011100, 01100110, 10100010

#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#a2985c
```
#a2985c rgb(162,152,92)
```

Complementary Color

#5c89a2
```
#5c89a2 rgb(92,137,162)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#755ca2
```
#755ca2 rgb(117,92,162)
```

Analogous Color

#89a25c
```
#89a25c rgb(137,162,92)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#a2755c
```
#a2755c rgb(162,117,92)
```

Split Complementary Color

#66a25c
```
#66a25c rgb(102,162,92)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#a25c66
```
#a25c66 rgb(162,92,102)
```

Triadic Color

#5ca298
```
#5ca298 rgb(92,162,152)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#a25c66
```
#a25c66 rgb(162,92,102)
```
#a2985c
```
#a2985c rgb(162,152,92)
```

Tetradic Color

#404771
```
#404771 rgb(64,71,113)
```
#4a5281
```
#4a5281 rgb(74,82,129)
```
#535c92
```
#535c92 rgb(83,92,146)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#6c75ac
```
#6c75ac rgb(108,117,172)
```
#7c84b5
```
#7c84b5 rgb(124,132,181)
```
#8d94be
```
#8d94be rgb(141,148,190)
```

Monochromatic Color

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

#5c78a2
```
#5c78a2 rgb(92,120,162)
```
#5c72a2
```
#5c72a2 rgb(92,114,162)
```
#5c6ca2
```
#5c6ca2 rgb(92,108,162)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#5c60a2
```
#5c60a2 rgb(92,96,162)
```
#5e5ca2
```
#5e5ca2 rgb(94,92,162)
```
#645ca2
```
#645ca2 rgb(100,92,162)
```

Similar Colors

Text with hexadecimal color #5c66a2

This text has a font color of #5c66a2.

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

#5c66a2 background color

This paragraph has a background color of #5c66a2.

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

#5c66a2 border color

This element has a border color of #5c66a2.

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

CSS codes

.text {color:#5c66a2;}

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

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

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

#07070c
```
#07070c rgb(7,7,12)
```
#0e0f18
```
#0e0f18 rgb(14,15,24)
```
#151725
```
#151725 rgb(21,23,37)
```
#1c1f31
```
#1c1f31 rgb(28,31,49)
```
#23273e
```
#23273e rgb(35,39,62)
```
#2a2f4a
```
#2a2f4a rgb(42,47,74)
```
#313757
```
#313757 rgb(49,55,87)
```
#383f63
```
#383f63 rgb(56,63,99)
```
#404670
```
#404670 rgb(64,70,112)
```
#474e7c
```
#474e7c rgb(71,78,124)
```
#4e5689
```
#4e5689 rgb(78,86,137)
```
#555e95
```
#555e95 rgb(85,94,149)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```

Shade Color Variation

#6872a9
```
#6872a9 rgb(104,114,169)
```
#757db0
```
#757db0 rgb(117,125,176)
```
#8189b8
```
#8189b8 rgb(129,137,184)
```
#8e95bf
```
#8e95bf rgb(142,149,191)
```
#9aa0c6
```
#9aa0c6 rgb(154,160,198)
```
#a7accd
```
#a7accd rgb(167,172,205)
```
#b3b8d4
```
#b3b8d4 rgb(179,184,212)
```
#c0c4db
```
#c0c4db rgb(192,196,219)
```
#cccfe2
```
#cccfe2 rgb(204,207,226)
```
#d9dbe9
```
#d9dbe9 rgb(217,219,233)
```
#e5e7f0
```
#e5e7f0 rgb(229,231,240)
```
#f2f3f8
```
#f2f3f8 rgb(242,243,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797b85
```
#797b85 rgb(121,123,133)
```
#70748e
```
#70748e rgb(112,116,142)
```
#666d98
```
#666d98 rgb(102,109,152)
```
#5c66a2
```
#5c66a2 rgb(92,102,162)
```
#525fac
```
#525fac rgb(82,95,172)
```
#4858b6
```
#4858b6 rgb(72,88,182)
```
#3f51bf
```
#3f51bf rgb(63,81,191)
```
#354ac9
```
#354ac9 rgb(53,74,201)
```
#2b43d3
```
#2b43d3 rgb(43,67,211)
```
#213cdd
```
#213cdd rgb(33,60,221)
```
#1835e6
```
#1835e6 rgb(24,53,230)
```
#0e2ef0
```
#0e2ef0 rgb(14,46,240)
```
#0427fa
```
#0427fa rgb(4,39,250)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#676975 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b6fa8 Protanopia 1% of men
#5771a5 Deuteranopia 1% of men
#57767f Tritanopia 0.001% of the population

Trichromacy

#5b6ca5 Protanomaly 1% of men, 0.01% of women
#586da4 Deuteranomaly 6% of men, 0.4% of women
#59708b Tritanomaly 0.01% of the population

#5c66a2 hex color

#5c66a2 Color Information

#5c66a2 Color Conversion

Color Schemes with #5c66a2

Alternatives to #5c66a2

#5c66a2 Preview

Shades and Tints of #5c66a2

Tones of #5c66a2

Color Blindness Simulator