#5a7572 hex color

In a RGB color space, hex #5a7572 is composed of 35.3% red, 45.9% green and 44.7% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 2.6% yellow and 54.1% black. It has a hue angle of 173.3 degrees, a saturation of 13% and a lightness of 40.6%. #5a7572 color hex could be obtained by blending #b4eae4 with #000000. Closest websafe color is: #666666.

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

● #5a7572 color description : Dark grayish cyan.

The hexadecimal color #5a7572 has RGB values of R:90, G:117, B:114 and CMYK values of C:0.23, M:0, Y:0.03, K:0.54. Its decimal value is 5928306.

Hex triplet	5a7572	`#5a7572`
RGB Decimal	90, 117, 114	`rgb(90,117,114)`
RGB Percent	35.3, 45.9, 44.7	`rgb(35.3%,45.9%,44.7%)`
CMYK	23, 0, 3, 54
HSL	173.3°, 13, 40.6	`hsl(173.3,13%,40.6%)`
HSV (or HSB)	173.3°, 23.1, 45.9
Web Safe	666666	`#666666`

CIE-LAB	47.119, -10.456, -1.568
XYZ	13.614, 16.111, 18.311
xyY	0.283, 0.335, 16.111
CIE-LCH	47.119, 10.573, 188.528
CIE-LUV	47.119, -13.654, -0.563
Hunter-Lab	40.138, -9.697, 1.049
Binary	01011010, 01110101, 01110010

#5a7572
```
#5a7572 rgb(90,117,114)
```
#755a5d
```
#755a5d rgb(117,90,93)
```

Complementary Color

#5a7565
```
#5a7565 rgb(90,117,101)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#5a6b75
```
#5a6b75 rgb(90,107,117)
```

Analogous Color

#75655a
```
#75655a rgb(117,101,90)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#755a6b
```
#755a6b rgb(117,90,107)
```

Split Complementary Color

#75725a
```
#75725a rgb(117,114,90)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#725a75
```
#725a75 rgb(114,90,117)
```

Triadic Color

#5d755a
```
#5d755a rgb(93,117,90)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#725a75
```
#725a75 rgb(114,90,117)
```
#755a5d
```
#755a5d rgb(117,90,93)
```

Tetradic Color

#394a48
```
#394a48 rgb(57,74,72)
```
#445856
```
#445856 rgb(68,88,86)
```
#4f6764
```
#4f6764 rgb(79,103,100)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#658380
```
#658380 rgb(101,131,128)
```
#71918e
```
#71918e rgb(113,145,142)
```
#7f9d99
```
#7f9d99 rgb(127,157,153)
```

Monochromatic Color

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

#5a756b
```
#5a756b rgb(90,117,107)
```
#5a756e
```
#5a756e rgb(90,117,110)
```
#5a7570
```
#5a7570 rgb(90,117,112)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#5a7574
```
#5a7574 rgb(90,117,116)
```
#5a7475
```
#5a7475 rgb(90,116,117)
```
#5a7175
```
#5a7175 rgb(90,113,117)
```

Similar Colors

Text with hexadecimal color #5a7572

This text has a font color of #5a7572.

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

#5a7572 background color

This paragraph has a background color of #5a7572.

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

#5a7572 border color

This element has a border color of #5a7572.

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

CSS codes

.text {color:#5a7572;}

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

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0d1111
```
#0d1111 rgb(13,17,17)
```
#161c1c
```
#161c1c rgb(22,28,28)
```
#1e2726
```
#1e2726 rgb(30,39,38)
```
#273231
```
#273231 rgb(39,50,49)
```
#2f3e3c
```
#2f3e3c rgb(47,62,60)
```
#384947
```
#384947 rgb(56,73,71)
```
#405452
```
#405452 rgb(64,84,82)
```
#495f5c
```
#495f5c rgb(73,95,92)
```
#516a67
```
#516a67 rgb(81,106,103)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#63807d
```
#63807d rgb(99,128,125)
```
#6b8b88
```
#6b8b88 rgb(107,139,136)
```

Shade Color Variation

#759591
```
#759591 rgb(117,149,145)
```
#809d9a
```
#809d9a rgb(128,157,154)
```
#8ba6a3
```
#8ba6a3 rgb(139,166,163)
```
#96aeac
```
#96aeac rgb(150,174,172)
```
#a1b7b5
```
#a1b7b5 rgb(161,183,181)
```
#acbfbd
```
#acbfbd rgb(172,191,189)
```
#b8c8c6
```
#b8c8c6 rgb(184,200,198)
```
#c3d1cf
```
#c3d1cf rgb(195,209,207)
```
#ced9d8
```
#ced9d8 rgb(206,217,216)
```
#d9e2e1
```
#d9e2e1 rgb(217,226,225)
```
#e4eae9
```
#e4eae9 rgb(228,234,233)
```
#eff3f2
```
#eff3f2 rgb(239,243,242)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#626d6c
```
#626d6c rgb(98,109,108)
```
#5a7572
```
#5a7572 rgb(90,117,114)
```
#527d78
```
#527d78 rgb(82,125,120)
```
#4a857e
```
#4a857e rgb(74,133,126)
```
#428d85
```
#428d85 rgb(66,141,133)
```
#3a958b
```
#3a958b rgb(58,149,139)
```
#329d91
```
#329d91 rgb(50,157,145)
```
#2aa597
```
#2aa597 rgb(42,165,151)
```
#22ad9d
```
#22ad9d rgb(34,173,157)
```
#1ab5a4
```
#1ab5a4 rgb(26,181,164)
```
#12bdaa
```
#12bdaa rgb(18,189,170)
```
#0ac5b0
```
#0ac5b0 rgb(10,197,176)
```
#02cdb6
```
#02cdb6 rgb(2,205,182)
```

Tone Color Variation

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

#797676 Protanopia 1% of men
#7f737c Deuteranopia 1% of men
#657a83 Tritanopia 0.001% of the population

Trichromacy

#6d7674 Protanomaly 1% of men, 0.01% of women
#727478 Deuteranomaly 6% of men, 0.4% of women
#61787d Tritanomaly 0.01% of the population

#5a7572 hex color

#5a7572 Color Information

#5a7572 Color Conversion

Color Schemes with #5a7572

Alternatives to #5a7572

#5a7572 Preview

Shades and Tints of #5a7572

Tones of #5a7572

Color Blindness Simulator