#5c6674 hex color

In a RGB color space, hex #5c6674 is composed of 36.1% red, 40% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 20.7% cyan, 12.1% magenta, 0% yellow and 54.5% black. It has a hue angle of 215 degrees, a saturation of 11.5% and a lightness of 40.8%. #5c6674 color hex could be obtained by blending #b8cce8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 36
- G 40
- B 45
RGB color chart
- C 21
- M 12
- Y 0
- K 55
CMYK color chart

● #5c6674 color description : Dark grayish blue.

The hexadecimal color #5c6674 has RGB values of R:92, G:102, B:116 and CMYK values of C:0.21, M:0.12, Y:0, K:0.55. Its decimal value is 6055540.

Hex triplet	5c6674	`#5c6674`
RGB Decimal	92, 102, 116	`rgb(92,102,116)`
RGB Percent	36.1, 40, 45.5	`rgb(36.1%,40%,45.5%)`
CMYK	21, 12, 0, 55
HSL	215°, 11.5, 40.8	`hsl(215,11.5%,40.8%)`
HSV (or HSB)	215°, 20.7, 45.5
Web Safe	666666	`#666666`

CIE-LAB	42.822, -0.521, -9.136
XYZ	12.317, 13.039, 18.39
xyY	0.282, 0.298, 13.039
CIE-LCH	42.822, 9.151, 266.736
CIE-LUV	42.822, -5.879, -12.39
Hunter-Lab	36.109, -2.306, -4.919
Binary	01011100, 01100110, 01110100

#5c6674
```
#5c6674 rgb(92,102,116)
```
#746a5c
```
#746a5c rgb(116,106,92)
```

Complementary Color

#5c7274
```
#5c7274 rgb(92,114,116)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#5e5c74
```
#5e5c74 rgb(94,92,116)
```

Analogous Color

#72745c
```
#72745c rgb(114,116,92)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#745e5c
```
#745e5c rgb(116,94,92)
```

Split Complementary Color

#66745c
```
#66745c rgb(102,116,92)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#745c66
```
#745c66 rgb(116,92,102)
```

Triadic Color

#5c746a
```
#5c746a rgb(92,116,106)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#745c66
```
#745c66 rgb(116,92,102)
```
#746a5c
```
#746a5c rgb(116,106,92)
```

Tetradic Color

#3a4049
```
#3a4049 rgb(58,64,73)
```
#454d58
```
#454d58 rgb(69,77,88)
```
#515966
```
#515966 rgb(81,89,102)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#677382
```
#677382 rgb(103,115,130)
```
#737f90
```
#737f90 rgb(115,127,144)
```
#818c9b
```
#818c9b rgb(129,140,155)
```

Monochromatic Color

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

#5c6c74
```
#5c6c74 rgb(92,108,116)
```
#5c6a74
```
#5c6a74 rgb(92,106,116)
```
#5c6874
```
#5c6874 rgb(92,104,116)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#5c6474
```
#5c6474 rgb(92,100,116)
```
#5c6274
```
#5c6274 rgb(92,98,116)
```
#5c6074
```
#5c6074 rgb(92,96,116)
```

Similar Colors

Text with hexadecimal color #5c6674

This text has a font color of #5c6674.

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

#5c6674 background color

This paragraph has a background color of #5c6674.

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

#5c6674 border color

This element has a border color of #5c6674.

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

CSS codes

.text {color:#5c6674;}

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

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

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

#050607
```
#050607 rgb(5,6,7)
```
#0e0f12
```
#0e0f12 rgb(14,15,18)
```
#17191c
```
#17191c rgb(23,25,28)
```
#1f2327
```
#1f2327 rgb(31,35,39)
```
#282c32
```
#282c32 rgb(40,44,50)
```
#31363d
```
#31363d rgb(49,54,61)
```
#394048
```
#394048 rgb(57,64,72)
```
#424953
```
#424953 rgb(66,73,83)
```
#4b535e
```
#4b535e rgb(75,83,94)
```
#535c69
```
#535c69 rgb(83,92,105)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#65707f
```
#65707f rgb(101,112,127)
```
#6d798a
```
#6d798a rgb(109,121,138)
```

Shade Color Variation

#778393
```
#778393 rgb(119,131,147)
```
#828d9c
```
#828d9c rgb(130,141,156)
```
#8d97a5
```
#8d97a5 rgb(141,151,165)
```
#98a1ad
```
#98a1ad rgb(152,161,173)
```
#a3abb6
```
#a3abb6 rgb(163,171,182)
```
#aeb5bf
```
#aeb5bf rgb(174,181,191)
```
#b9bfc8
```
#b9bfc8 rgb(185,191,200)
```
#c4c9d0
```
#c4c9d0 rgb(196,201,208)
```
#cfd3d9
```
#cfd3d9 rgb(207,211,217)
```
#dadde2
```
#dadde2 rgb(218,221,226)
```
#e5e7ea
```
#e5e7ea rgb(229,231,234)
```
#f0f1f3
```
#f0f1f3 rgb(240,241,243)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #64676c is the less saturated color, while #0457cc is the most saturated one.

#64676c
```
#64676c rgb(100,103,108)
```
#5c6674
```
#5c6674 rgb(92,102,116)
```
#54657c
```
#54657c rgb(84,101,124)
```
#4c6384
```
#4c6384 rgb(76,99,132)
```
#44628c
```
#44628c rgb(68,98,140)
```
#3c6194
```
#3c6194 rgb(60,97,148)
```
#345f9c
```
#345f9c rgb(52,95,156)
```
#2c5ea4
```
#2c5ea4 rgb(44,94,164)
```
#245dac
```
#245dac rgb(36,93,172)
```
#1c5bb4
```
#1c5bb4 rgb(28,91,180)
```
#145abc
```
#145abc rgb(20,90,188)
```
#0c59c4
```
#0c59c4 rgb(12,89,196)
```
#0457cc
```
#0457cc rgb(4,87,204)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#636568 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a6c7a Protanopia 1% of men
#6f6a7c Deuteranopia 1% of men
#636e76 Tritanopia 0.001% of the population

Trichromacy

#656a78 Protanomaly 1% of men, 0.01% of women
#686879 Deuteranomaly 6% of men, 0.4% of women
#606b75 Tritanomaly 0.01% of the population

#5c6674 hex color

#5c6674 Color Information

#5c6674 Color Conversion

Color Schemes with #5c6674

Alternatives to #5c6674

#5c6674 Preview

Shades and Tints of #5c6674

Tones of #5c6674

Color Blindness Simulator