#5c76a2 hex color

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

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

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

The hexadecimal color #5c76a2 has RGB values of R:92, G:118, B:162 and CMYK values of C:0.43, M:0.27, Y:0, K:0.36. Its decimal value is 6059682.

Hex triplet	5c76a2	`#5c76a2`
RGB Decimal	92, 118, 162	`rgb(92,118,162)`
RGB Percent	36.1, 46.3, 63.5	`rgb(36.1%,46.3%,63.5%)`
CMYK	43, 27, 0, 36
HSL	217.7°, 27.6, 49.8	`hsl(217.7,27.6%,49.8%)`
HSV (or HSB)	217.7°, 43.2, 63.5
Web Safe	666699	`#666699`

CIE-LAB	49.302, 2.499, -26.606
XYZ	17.412, 17.84, 36.706
xyY	0.242, 0.248, 17.84
CIE-LCH	49.302, 26.723, 275.367
CIE-LUV	49.302, -13.827, -39.73
Hunter-Lab	42.238, -0.33, -21.959
Binary	01011100, 01110110, 10100010

#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#a2885c
```
#a2885c rgb(162,136,92)
```

Complementary Color

#5c99a2
```
#5c99a2 rgb(92,153,162)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#655ca2
```
#655ca2 rgb(101,92,162)
```

Analogous Color

#99a25c
```
#99a25c rgb(153,162,92)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#a2655c
```
#a2655c rgb(162,101,92)
```

Split Complementary Color

#76a25c
```
#76a25c rgb(118,162,92)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#a25c76
```
#a25c76 rgb(162,92,118)
```

Triadic Color

#5ca288
```
#5ca288 rgb(92,162,136)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#a25c76
```
#a25c76 rgb(162,92,118)
```
#a2885c
```
#a2885c rgb(162,136,92)
```

Tetradic Color

#405271
```
#405271 rgb(64,82,113)
```
#4a5e81
```
#4a5e81 rgb(74,94,129)
```
#536a92
```
#536a92 rgb(83,106,146)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#6c84ac
```
#6c84ac rgb(108,132,172)
```
#7c91b5
```
#7c91b5 rgb(124,145,181)
```
#8d9fbe
```
#8d9fbe rgb(141,159,190)
```

Monochromatic Color

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

#5c88a2
```
#5c88a2 rgb(92,136,162)
```
#5c82a2
```
#5c82a2 rgb(92,130,162)
```
#5c7ca2
```
#5c7ca2 rgb(92,124,162)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#5c70a2
```
#5c70a2 rgb(92,112,162)
```
#5c6aa2
```
#5c6aa2 rgb(92,106,162)
```
#5c65a2
```
#5c65a2 rgb(92,101,162)
```

Similar Colors

Text with hexadecimal color #5c76a2

This text has a font color of #5c76a2.

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

#5c76a2 background color

This paragraph has a background color of #5c76a2.

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

#5c76a2 border color

This element has a border color of #5c76a2.

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

CSS codes

.text {color:#5c76a2;}

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

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

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

#07090c
```
#07090c rgb(7,9,12)
```
#0e1218
```
#0e1218 rgb(14,18,24)
```
#151b25
```
#151b25 rgb(21,27,37)
```
#1c2431
```
#1c2431 rgb(28,36,49)
```
#232d3e
```
#232d3e rgb(35,45,62)
```
#2a364a
```
#2a364a rgb(42,54,74)
```
#313f57
```
#313f57 rgb(49,63,87)
```
#384863
```
#384863 rgb(56,72,99)
```
#405270
```
#405270 rgb(64,82,112)
```
#475b7c
```
#475b7c rgb(71,91,124)
```
#4e6489
```
#4e6489 rgb(78,100,137)
```
#556d95
```
#556d95 rgb(85,109,149)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```

Shade Color Variation

#6880a9
```
#6880a9 rgb(104,128,169)
```
#758bb0
```
#758bb0 rgb(117,139,176)
```
#8195b8
```
#8195b8 rgb(129,149,184)
```
#8ea0bf
```
#8ea0bf rgb(142,160,191)
```
#9aaac6
```
#9aaac6 rgb(154,170,198)
```
#a7b5cd
```
#a7b5cd rgb(167,181,205)
```
#b3bfd4
```
#b3bfd4 rgb(179,191,212)
```
#c0cadb
```
#c0cadb rgb(192,202,219)
```
#ccd4e2
```
#ccd4e2 rgb(204,212,226)
```
#d9dfe9
```
#d9dfe9 rgb(217,223,233)
```
#e5e9f0
```
#e5e9f0 rgb(229,233,240)
```
#f2f4f8
```
#f2f4f8 rgb(242,244,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#797e85
```
#797e85 rgb(121,126,133)
```
#707b8e
```
#707b8e rgb(112,123,142)
```
#667998
```
#667998 rgb(102,121,152)
```
#5c76a2
```
#5c76a2 rgb(92,118,162)
```
#5273ac
```
#5273ac rgb(82,115,172)
```
#4871b6
```
#4871b6 rgb(72,113,182)
```
#3f6ebf
```
#3f6ebf rgb(63,110,191)
```
#356cc9
```
#356cc9 rgb(53,108,201)
```
#2b69d3
```
#2b69d3 rgb(43,105,211)
```
#2167dd
```
#2167dd rgb(33,103,221)
```
#1864e6
```
#1864e6 rgb(24,100,230)
```
#0e62f0
```
#0e62f0 rgb(14,98,240)
```
#045ffa
```
#045ffa rgb(4,95,250)
```

Tone Color Variation

Below, you can see how #5c76a2 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
#6e747c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f7aa5 Protanopia 1% of men
#6c7ba7 Deuteranopia 1% of men
#5b828b Tritanopia 0.001% of the population

Trichromacy

#6879a4 Protanomaly 1% of men, 0.01% of women
#6679a5 Deuteranomaly 6% of men, 0.4% of women
#5b7d93 Tritanomaly 0.01% of the population

#5c76a2 hex color

#5c76a2 Color Information

#5c76a2 Color Conversion

Color Schemes with #5c76a2

Alternatives to #5c76a2

#5c76a2 Preview

Shades and Tints of #5c76a2

Tones of #5c76a2

Color Blindness Simulator