#5c679a hex color

In a RGB color space, hex #5c679a is composed of 36.1% red, 40.4% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 40.3% cyan, 33.1% magenta, 0% yellow and 39.6% black. It has a hue angle of 229.4 degrees, a saturation of 25.2% and a lightness of 48.2%. #5c679a color hex could be obtained by blending #b8ceff with #000035. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 40
- B 60
RGB color chart
- C 40
- M 33
- Y 0
- K 40
CMYK color chart

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

The hexadecimal color #5c679a has RGB values of R:92, G:103, B:154 and CMYK values of C:0.4, M:0.33, Y:0, K:0.4. Its decimal value is 6055834.

Hex triplet	5c679a	`#5c679a`
RGB Decimal	92, 103, 154	`rgb(92,103,154)`
RGB Percent	36.1, 40.4, 60.4	`rgb(36.1%,40.4%,60.4%)`
CMYK	40, 33, 0, 40
HSL	229.4°, 25.2, 48.2	`hsl(229.4,25.2%,48.2%)`
HSV (or HSB)	229.4°, 40.3, 60.4
Web Safe	666699	`#666699`

CIE-LAB	44.672, 9.256, -29.104
XYZ	15.095, 14.308, 32.537
xyY	0.244, 0.231, 14.308
CIE-LCH	44.672, 30.54, 287.642
CIE-LUV	44.672, -7.767, -43.512
Hunter-Lab	37.827, 5.038, -24.52
Binary	01011100, 01100111, 10011010

#5c679a
```
#5c679a rgb(92,103,154)
```
#9a8f5c
```
#9a8f5c rgb(154,143,92)
```

Complementary Color

#5c869a
```
#5c869a rgb(92,134,154)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#705c9a
```
#705c9a rgb(112,92,154)
```

Analogous Color

#869a5c
```
#869a5c rgb(134,154,92)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#9a705c
```
#9a705c rgb(154,112,92)
```

Split Complementary Color

#679a5c
```
#679a5c rgb(103,154,92)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#9a5c67
```
#9a5c67 rgb(154,92,103)
```

Triadic Color

#5c9a8f
```
#5c9a8f rgb(92,154,143)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#9a5c67
```
#9a5c67 rgb(154,92,103)
```
#9a8f5c
```
#9a8f5c rgb(154,143,92)
```

Tetradic Color

#3f476a
```
#3f476a rgb(63,71,106)
```
#49527a
```
#49527a rgb(73,82,122)
```
#525c8a
```
#525c8a rgb(82,92,138)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#6a74a6
```
#6a74a6 rgb(106,116,166)
```
#7a83af
```
#7a83af rgb(122,131,175)
```
#8a92b9
```
#8a92b9 rgb(138,146,185)
```

Monochromatic Color

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

#5c779a
```
#5c779a rgb(92,119,154)
```
#5c719a
```
#5c719a rgb(92,113,154)
```
#5c6c9a
```
#5c6c9a rgb(92,108,154)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#5c629a
```
#5c629a rgb(92,98,154)
```
#5c5d9a
```
#5c5d9a rgb(92,93,154)
```
#615c9a
```
#615c9a rgb(97,92,154)
```

Similar Colors

Text with hexadecimal color #5c679a

This text has a font color of #5c679a.

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

#5c679a background color

This paragraph has a background color of #5c679a.

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

#5c679a border color

This element has a border color of #5c679a.

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

CSS codes

.text {color:#5c679a;}

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

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

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

#040407
```
#040407 rgb(4,4,7)
```
#0b0d13
```
#0b0d13 rgb(11,13,19)
```
#13151f
```
#13151f rgb(19,21,31)
```
#1a1d2b
```
#1a1d2b rgb(26,29,43)
```
#212538
```
#212538 rgb(33,37,56)
```
#292e44
```
#292e44 rgb(41,46,68)
```
#303650
```
#303650 rgb(48,54,80)
```
#373e5d
```
#373e5d rgb(55,62,93)
```
#3f4669
```
#3f4669 rgb(63,70,105)
```
#464e75
```
#464e75 rgb(70,78,117)
```
#4d5781
```
#4d5781 rgb(77,87,129)
```
#555f8e
```
#555f8e rgb(85,95,142)
```
#5c679a
```
#5c679a rgb(92,103,154)
```

Shade Color Variation

#6671a4
```
#6671a4 rgb(102,113,164)
```
#727cab
```
#727cab rgb(114,124,171)
```
#7f88b2
```
#7f88b2 rgb(127,136,178)
```
#8b93ba
```
#8b93ba rgb(139,147,186)
```
#979fc1
```
#979fc1 rgb(151,159,193)
```
#a3aac8
```
#a3aac8 rgb(163,170,200)
```
#b0b5d0
```
#b0b5d0 rgb(176,181,208)
```
#bcc1d7
```
#bcc1d7 rgb(188,193,215)
```
#c8ccde
```
#c8ccde rgb(200,204,222)
```
#d5d8e6
```
#d5d8e6 rgb(213,216,230)
```
#e1e3ed
```
#e1e3ed rgb(225,227,237)
```
#edeef4
```
#edeef4 rgb(237,238,244)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #78797e is the less saturated color, while #0730ef is the most saturated one.

#78797e
```
#78797e rgb(120,121,126)
```
#6f7387
```
#6f7387 rgb(111,115,135)
```
#656d91
```
#656d91 rgb(101,109,145)
```
#5c679a
```
#5c679a rgb(92,103,154)
```
#5361a3
```
#5361a3 rgb(83,97,163)
```
#495bad
```
#495bad rgb(73,91,173)
```
#4055b6
```
#4055b6 rgb(64,85,182)
```
#364fc0
```
#364fc0 rgb(54,79,192)
```
#2d48c9
```
#2d48c9 rgb(45,72,201)
```
#2342d3
```
#2342d3 rgb(35,66,211)
```
#1a3cdc
```
#1a3cdc rgb(26,60,220)
```
#1036e6
```
#1036e6 rgb(16,54,230)
```
#0730ef
```
#0730ef rgb(7,48,239)
```

Tone Color Variation

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

Dichromacy

#606f9f Protanopia 1% of men
#5d709e Deuteranopia 1% of men
#5a757e Tritanopia 0.001% of the population

Trichromacy

#5e6c9d Protanomaly 1% of men, 0.01% of women
#5d6d9c Deuteranomaly 6% of men, 0.4% of women
#5a7088 Tritanomaly 0.01% of the population

#5c679a hex color

#5c679a Color Information

#5c679a Color Conversion

Color Schemes with #5c679a

Alternatives to #5c679a

#5c679a Preview

Shades and Tints of #5c679a

Tones of #5c679a

Color Blindness Simulator