#5c689a hex color

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

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

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

The hexadecimal color #5c689a has RGB values of R:92, G:104, B:154 and CMYK values of C:0.4, M:0.32, Y:0, K:0.4. Its decimal value is 6056090.

Hex triplet	5c689a	`#5c689a`
RGB Decimal	92, 104, 154	`rgb(92,104,154)`
RGB Percent	36.1, 40.8, 60.4	`rgb(36.1%,40.8%,60.4%)`
CMYK	40, 32, 0, 40
HSL	228.4°, 25.2, 48.2	`hsl(228.4,25.2%,48.2%)`
HSV (or HSB)	228.4°, 40.3, 60.4
Web Safe	666699	`#666699`

CIE-LAB	44.954, 8.639, -28.664
XYZ	15.195, 14.509, 32.57
xyY	0.244, 0.233, 14.509
CIE-LCH	44.954, 29.938, 286.772
CIE-LUV	44.954, -8.152, -42.829
Hunter-Lab	38.09, 4.552, -24.034
Binary	01011100, 01101000, 10011010

#5c689a
```
#5c689a rgb(92,104,154)
```
#9a8e5c
```
#9a8e5c rgb(154,142,92)
```

Complementary Color

#5c879a
```
#5c879a rgb(92,135,154)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#6f5c9a
```
#6f5c9a rgb(111,92,154)
```

Analogous Color

#879a5c
```
#879a5c rgb(135,154,92)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#9a6f5c
```
#9a6f5c rgb(154,111,92)
```

Split Complementary Color

#689a5c
```
#689a5c rgb(104,154,92)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#9a5c68
```
#9a5c68 rgb(154,92,104)
```

Triadic Color

#5c9a8e
```
#5c9a8e rgb(92,154,142)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#9a5c68
```
#9a5c68 rgb(154,92,104)
```
#9a8e5c
```
#9a8e5c rgb(154,142,92)
```

Tetradic Color

#3f486a
```
#3f486a rgb(63,72,106)
```
#49527a
```
#49527a rgb(73,82,122)
```
#525d8a
```
#525d8a rgb(82,93,138)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#6a75a6
```
#6a75a6 rgb(106,117,166)
```
#7a84af
```
#7a84af rgb(122,132,175)
```
#8a93b9
```
#8a93b9 rgb(138,147,185)
```

Monochromatic Color

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

#5c789a
```
#5c789a rgb(92,120,154)
```
#5c729a
```
#5c729a rgb(92,114,154)
```
#5c6d9a
```
#5c6d9a rgb(92,109,154)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#5c639a
```
#5c639a rgb(92,99,154)
```
#5c5e9a
```
#5c5e9a rgb(92,94,154)
```
#605c9a
```
#605c9a rgb(96,92,154)
```

Similar Colors

Text with hexadecimal color #5c689a

This text has a font color of #5c689a.

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

#5c689a background color

This paragraph has a background color of #5c689a.

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

#5c689a border color

This element has a border color of #5c689a.

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

CSS codes

.text {color:#5c689a;}

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

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

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)
```
#212638
```
#212638 rgb(33,38,56)
```
#292e44
```
#292e44 rgb(41,46,68)
```
#303650
```
#303650 rgb(48,54,80)
```
#373f5d
```
#373f5d rgb(55,63,93)
```
#3f4769
```
#3f4769 rgb(63,71,105)
```
#464f75
```
#464f75 rgb(70,79,117)
```
#4d5781
```
#4d5781 rgb(77,87,129)
```
#55608e
```
#55608e rgb(85,96,142)
```
#5c689a
```
#5c689a rgb(92,104,154)
```

Shade Color Variation

#6672a4
```
#6672a4 rgb(102,114,164)
```
#727dab
```
#727dab rgb(114,125,171)
```
#7f89b2
```
#7f89b2 rgb(127,137,178)
```
#8b94ba
```
#8b94ba rgb(139,148,186)
```
#979fc1
```
#979fc1 rgb(151,159,193)
```
#a3abc8
```
#a3abc8 rgb(163,171,200)
```
#b0b6d0
```
#b0b6d0 rgb(176,182,208)
```
#bcc1d7
```
#bcc1d7 rgb(188,193,215)
```
#c8cdde
```
#c8cdde rgb(200,205,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 #0734ef is the most saturated one.

#78797e
```
#78797e rgb(120,121,126)
```
#6f7487
```
#6f7487 rgb(111,116,135)
```
#656e91
```
#656e91 rgb(101,110,145)
```
#5c689a
```
#5c689a rgb(92,104,154)
```
#5362a3
```
#5362a3 rgb(83,98,163)
```
#495cad
```
#495cad rgb(73,92,173)
```
#4057b6
```
#4057b6 rgb(64,87,182)
```
#3651c0
```
#3651c0 rgb(54,81,192)
```
#2d4bc9
```
#2d4bc9 rgb(45,75,201)
```
#2345d3
```
#2345d3 rgb(35,69,211)
```
#1a3fdc
```
#1a3fdc rgb(26,63,220)
```
#103ae6
```
#103ae6 rgb(16,58,230)
```
#0734ef
```
#0734ef rgb(7,52,239)
```

Tone Color Variation

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

Dichromacy

#61709f Protanopia 1% of men
#5f719e Deuteranopia 1% of men
#5a767f Tritanopia 0.001% of the population

Trichromacy

#5f6d9d Protanomaly 1% of men, 0.01% of women
#5e6d9d Deuteranomaly 6% of men, 0.4% of women
#5b7188 Tritanomaly 0.01% of the population

#5c689a hex color

#5c689a Color Information

#5c689a Color Conversion

Color Schemes with #5c689a

Alternatives to #5c689a

#5c689a Preview

Shades and Tints of #5c689a

Tones of #5c689a

Color Blindness Simulator