#5a7674 hex color

In a RGB color space, hex #5a7674 is composed of 35.3% red, 46.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 23.7% cyan, 0% magenta, 1.7% yellow and 53.7% black. It has a hue angle of 175.7 degrees, a saturation of 13.5% and a lightness of 40.8%. #5a7674 color hex could be obtained by blending #b4ece8 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 35
- G 46
- B 45
RGB color chart
- C 24
- M 0
- Y 2
- K 54
CMYK color chart

● #5a7674 color description : Dark grayish cyan.

The hexadecimal color #5a7674 has RGB values of R:90, G:118, B:116 and CMYK values of C:0.24, M:0, Y:0.02, K:0.54. Its decimal value is 5928564.

Hex triplet	5a7674	`#5a7674`
RGB Decimal	90, 118, 116	`rgb(90,118,116)`
RGB Percent	35.3, 46.3, 45.5	`rgb(35.3%,46.3%,45.5%)`
CMYK	24, 0, 2, 54
HSL	175.7°, 13.5, 40.8	`hsl(175.7,13.5%,40.8%)`
HSV (or HSB)	175.7°, 23.7, 46.3
Web Safe	666666	`#666666`

CIE-LAB	47.483, -10.546, -2.222
XYZ	13.847, 16.391, 18.956
xyY	0.281, 0.333, 16.391
CIE-LCH	47.483, 10.777, 191.899
CIE-LUV	47.483, -14.129, -1.456
Hunter-Lab	40.486, -9.802, 0.579
Binary	01011010, 01110110, 01110100

#5a7674
```
#5a7674 rgb(90,118,116)
```
#765a5c
```
#765a5c rgb(118,90,92)
```

Complementary Color

#5a7666
```
#5a7666 rgb(90,118,102)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#5a6a76
```
#5a6a76 rgb(90,106,118)
```

Analogous Color

#76665a
```
#76665a rgb(118,102,90)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#765a6a
```
#765a6a rgb(118,90,106)
```

Split Complementary Color

#76745a
```
#76745a rgb(118,116,90)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#745a76
```
#745a76 rgb(116,90,118)
```

Triadic Color

#5c765a
```
#5c765a rgb(92,118,90)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#745a76
```
#745a76 rgb(116,90,118)
```
#765a5c
```
#765a5c rgb(118,90,92)
```

Tetradic Color

#394b49
```
#394b49 rgb(57,75,73)
```
#445958
```
#445958 rgb(68,89,88)
```
#4f6866
```
#4f6866 rgb(79,104,102)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#658482
```
#658482 rgb(101,132,130)
```
#719290
```
#719290 rgb(113,146,144)
```
#7f9d9b
```
#7f9d9b rgb(127,157,155)
```

Monochromatic Color

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

#5a766d
```
#5a766d rgb(90,118,109)
```
#5a766f
```
#5a766f rgb(90,118,111)
```
#5a7672
```
#5a7672 rgb(90,118,114)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#5a7676
```
#5a7676 rgb(90,118,118)
```
#5a7376
```
#5a7376 rgb(90,115,118)
```
#5a7176
```
#5a7176 rgb(90,113,118)
```

Similar Colors

Text with hexadecimal color #5a7674

This text has a font color of #5a7674.

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

#5a7674 background color

This paragraph has a background color of #5a7674.

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

#5a7674 border color

This element has a border color of #5a7674.

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

CSS codes

.text {color:#5a7674;}

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

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

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

#050707
```
#050707 rgb(5,7,7)
```
#0e1212
```
#0e1212 rgb(14,18,18)
```
#161d1c
```
#161d1c rgb(22,29,28)
```
#1f2827
```
#1f2827 rgb(31,40,39)
```
#273332
```
#273332 rgb(39,51,50)
```
#303e3d
```
#303e3d rgb(48,62,61)
```
#384948
```
#384948 rgb(56,73,72)
```
#415553
```
#415553 rgb(65,85,83)
```
#49605e
```
#49605e rgb(73,96,94)
```
#526b69
```
#526b69 rgb(82,107,105)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#62817f
```
#62817f rgb(98,129,127)
```
#6b8c8a
```
#6b8c8a rgb(107,140,138)
```

Shade Color Variation

#759693
```
#759693 rgb(117,150,147)
```
#809e9c
```
#809e9c rgb(128,158,156)
```
#8ba7a5
```
#8ba7a5 rgb(139,167,165)
```
#96afad
```
#96afad rgb(150,175,173)
```
#a2b8b6
```
#a2b8b6 rgb(162,184,182)
```
#adc0bf
```
#adc0bf rgb(173,192,191)
```
#b8c9c8
```
#b8c9c8 rgb(184,201,200)
```
#c3d1d0
```
#c3d1d0 rgb(195,209,208)
```
#cedad9
```
#cedad9 rgb(206,218,217)
```
#d9e2e2
```
#d9e2e2 rgb(217,226,226)
```
#e4ebea
```
#e4ebea rgb(228,235,234)
```
#eff3f3
```
#eff3f3 rgb(239,243,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626e6d is the less saturated color, while #02cebf is the most saturated one.

#626e6d
```
#626e6d rgb(98,110,109)
```
#5a7674
```
#5a7674 rgb(90,118,116)
```
#527e7b
```
#527e7b rgb(82,126,123)
```
#4a8682
```
#4a8682 rgb(74,134,130)
```
#428e89
```
#428e89 rgb(66,142,137)
```
#3a968f
```
#3a968f rgb(58,150,143)
```
#329e96
```
#329e96 rgb(50,158,150)
```
#2aa69d
```
#2aa69d rgb(42,166,157)
```
#22aea4
```
#22aea4 rgb(34,174,164)
```
#1ab6ab
```
#1ab6ab rgb(26,182,171)
```
#12beb2
```
#12beb2 rgb(18,190,178)
```
#0ac6b9
```
#0ac6b9 rgb(10,198,185)
```
#02cebf
```
#02cebf rgb(2,206,191)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#696f6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#797778 Protanopia 1% of men
#80747e Deuteranopia 1% of men
#647b84 Tritanopia 0.001% of the population

Trichromacy

#6e7676 Protanomaly 1% of men, 0.01% of women
#72757a Deuteranomaly 6% of men, 0.4% of women
#60797e Tritanomaly 0.01% of the population

#5a7674 hex color

#5a7674 Color Information

#5a7674 Color Conversion

Color Schemes with #5a7674

Alternatives to #5a7674

#5a7674 Preview

Shades and Tints of #5a7674

Tones of #5a7674

Color Blindness Simulator