#5c7084 hex color

In a RGB color space, hex #5c7084 is composed of 36.1% red, 43.9% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 15.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 210 degrees, a saturation of 17.9% and a lightness of 43.9%. #5c7084 color hex could be obtained by blending #b8e0ff with #000009. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 36
- G 44
- B 52
RGB color chart
- C 30
- M 15
- Y 0
- K 48
CMYK color chart

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

The hexadecimal color #5c7084 has RGB values of R:92, G:112, B:132 and CMYK values of C:0.3, M:0.15, Y:0, K:0.48. Its decimal value is 6058116.

Hex triplet	5c7084	`#5c7084`
RGB Decimal	92, 112, 132	`rgb(92,112,132)`
RGB Percent	36.1, 43.9, 51.8	`rgb(36.1%,43.9%,51.8%)`
CMYK	30, 15, 0, 48
HSL	210°, 17.9, 43.9	`hsl(210,17.9%,43.9%)`
HSV (or HSB)	210°, 30.3, 51.8
Web Safe	666699	`#666699`

CIE-LAB	46.351, -2.378, -13.427
XYZ	14.372, 15.529, 24.069
xyY	0.266, 0.288, 15.529
CIE-LCH	46.351, 13.636, 259.959
CIE-LUV	46.351, -10.798, -18.629
Hunter-Lab	39.407, -3.864, -8.628
Binary	01011100, 01110000, 10000100

#5c7084
```
#5c7084 rgb(92,112,132)
```
#84705c
```
#84705c rgb(132,112,92)
```

Complementary Color

#5c8484
```
#5c8484 rgb(92,132,132)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#5c5c84
```
#5c5c84 rgb(92,92,132)
```

Analogous Color

#84845c
```
#84845c rgb(132,132,92)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#845c5c
```
#845c5c rgb(132,92,92)
```

Split Complementary Color

#70845c
```
#70845c rgb(112,132,92)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#845c70
```
#845c70 rgb(132,92,112)
```

Triadic Color

#5c8470
```
#5c8470 rgb(92,132,112)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#845c70
```
#845c70 rgb(132,92,112)
```
#84705c
```
#84705c rgb(132,112,92)
```

Tetradic Color

#3d4a57
```
#3d4a57 rgb(61,74,87)
```
#475766
```
#475766 rgb(71,87,102)
```
#526375
```
#526375 rgb(82,99,117)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#667d93
```
#667d93 rgb(102,125,147)
```
#758a9e
```
#758a9e rgb(117,138,158)
```
#8496a9
```
#8496a9 rgb(132,150,169)
```

Monochromatic Color

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

#5c7a84
```
#5c7a84 rgb(92,122,132)
```
#5c7784
```
#5c7784 rgb(92,119,132)
```
#5c7384
```
#5c7384 rgb(92,115,132)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#5c6d84
```
#5c6d84 rgb(92,109,132)
```
#5c6984
```
#5c6984 rgb(92,105,132)
```
#5c6684
```
#5c6684 rgb(92,102,132)
```

Similar Colors

Text with hexadecimal color #5c7084

This text has a font color of #5c7084.

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

#5c7084 background color

This paragraph has a background color of #5c7084.

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

#5c7084 border color

This element has a border color of #5c7084.

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

CSS codes

.text {color:#5c7084;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0e10
```
#0b0e10 rgb(11,14,16)
```
#13181c
```
#13181c rgb(19,24,28)
```
#1c2228
```
#1c2228 rgb(28,34,40)
```
#242b33
```
#242b33 rgb(36,43,51)
```
#2c353f
```
#2c353f rgb(44,53,63)
```
#343f4a
```
#343f4a rgb(52,63,74)
```
#3c4956
```
#3c4956 rgb(60,73,86)
```
#445361
```
#445361 rgb(68,83,97)
```
#4c5c6d
```
#4c5c6d rgb(76,92,109)
```
#546678
```
#546678 rgb(84,102,120)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#647a90
```
#647a90 rgb(100,122,144)
```

Shade Color Variation

#6e849a
```
#6e849a rgb(110,132,154)
```
#798da2
```
#798da2 rgb(121,141,162)
```
#8597aa
```
#8597aa rgb(133,151,170)
```
#90a1b2
```
#90a1b2 rgb(144,161,178)
```
#9cabba
```
#9cabba rgb(156,171,186)
```
#a7b5c2
```
#a7b5c2 rgb(167,181,194)
```
#b3beca
```
#b3beca rgb(179,190,202)
```
#bec8d2
```
#bec8d2 rgb(190,200,210)
```
#cad2da
```
#cad2da rgb(202,210,218)
```
#d6dce2
```
#d6dce2 rgb(214,220,226)
```
#e1e6ea
```
#e1e6ea rgb(225,230,234)
```
#edf0f2
```
#edf0f2 rgb(237,240,242)
```
#f8f9fa
```
#f8f9fa rgb(248,249,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7073 is the less saturated color, while #0670da is the most saturated one.

#6d7073
```
#6d7073 rgb(109,112,115)
```
#65707b
```
#65707b rgb(101,112,123)
```
#5c7084
```
#5c7084 rgb(92,112,132)
```
#53708d
```
#53708d rgb(83,112,141)
```
#4b7095
```
#4b7095 rgb(75,112,149)
```
#42709e
```
#42709e rgb(66,112,158)
```
#3a70a6
```
#3a70a6 rgb(58,112,166)
```
#3170af
```
#3170af rgb(49,112,175)
```
#2870b8
```
#2870b8 rgb(40,112,184)
```
#2070c0
```
#2070c0 rgb(32,112,192)
```
#1770c9
```
#1770c9 rgb(23,112,201)
```
#0e70d2
```
#0e70d2 rgb(14,112,210)
```
#0670da
```
#0670da rgb(6,112,218)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#696d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717488 Protanopia 1% of men
#74738b Deuteranopia 1% of men
#627981 Tritanopia 0.001% of the population

Trichromacy

#697286 Protanomaly 1% of men, 0.01% of women
#6b7189 Deuteranomaly 6% of men, 0.4% of women
#5f7582 Tritanomaly 0.01% of the population

#5c7084 hex color

#5c7084 Color Information

#5c7084 Color Conversion

Color Schemes with #5c7084

Alternatives to #5c7084

#5c7084 Preview

Shades and Tints of #5c7084

Tones of #5c7084

Color Blindness Simulator