#5a8175 hex color

In a RGB color space, hex #5a8175 is composed of 35.3% red, 50.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 30.2% cyan, 0% magenta, 9.3% yellow and 49.4% black. It has a hue angle of 161.5 degrees, a saturation of 17.8% and a lightness of 42.9%. #5a8175 color hex could be obtained by blending #b4ffea with #000300. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 35
- G 51
- B 46
RGB color chart
- C 30
- M 0
- Y 9
- K 49
CMYK color chart

● #5a8175 color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #5a8175 has RGB values of R:90, G:129, B:117 and CMYK values of C:0.3, M:0, Y:0.09, K:0.49. Its decimal value is 5931381.

Hex triplet	5a8175	`#5a8175`
RGB Decimal	90, 129, 117	`rgb(90,129,117)`
RGB Percent	35.3, 50.6, 45.9	`rgb(35.3%,50.6%,45.9%)`
CMYK	30, 0, 9, 49
HSL	161.5°, 17.8, 42.9	`hsl(161.5,17.8%,42.9%)`
HSV (or HSB)	161.5°, 30.2, 50.6
Web Safe	669966	`#669966`

CIE-LAB	50.871, -16.386, 2.136
XYZ	15.277, 19.158, 19.722
xyY	0.282, 0.354, 19.158
CIE-LCH	50.871, 16.525, 172.572
CIE-LUV	50.871, -19.144, 5.433
Hunter-Lab	43.77, -14.296, 3.924
Binary	01011010, 10000001, 01110101

#5a8175
```
#5a8175 rgb(90,129,117)
```
#815a66
```
#815a66 rgb(129,90,102)
```

Complementary Color

#5a8162
```
#5a8162 rgb(90,129,98)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#5a7a81
```
#5a7a81 rgb(90,122,129)
```

Analogous Color

#81625a
```
#81625a rgb(129,98,90)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#815a7a
```
#815a7a rgb(129,90,122)
```

Split Complementary Color

#81755a
```
#81755a rgb(129,117,90)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#755a81
```
#755a81 rgb(117,90,129)
```

Triadic Color

#66815a
```
#66815a rgb(102,129,90)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#755a81
```
#755a81 rgb(117,90,129)
```
#815a66
```
#815a66 rgb(129,90,102)
```

Tetradic Color

#3b544c
```
#3b544c rgb(59,84,76)
```
#45635a
```
#45635a rgb(69,99,90)
```
#507267
```
#507267 rgb(80,114,103)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#649083
```
#649083 rgb(100,144,131)
```
#729c8f
```
#729c8f rgb(114,156,143)
```
#81a79b
```
#81a79b rgb(129,167,155)
```

Monochromatic Color

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

#5a816b
```
#5a816b rgb(90,129,107)
```
#5a816f
```
#5a816f rgb(90,129,111)
```
#5a8172
```
#5a8172 rgb(90,129,114)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#5a8178
```
#5a8178 rgb(90,129,120)
```
#5a817c
```
#5a817c rgb(90,129,124)
```
#5a817f
```
#5a817f rgb(90,129,127)
```

Similar Colors

Text with hexadecimal color #5a8175

This text has a font color of #5a8175.

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

#5a8175 background color

This paragraph has a background color of #5a8175.

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

#5a8175 border color

This element has a border color of #5a8175.

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

CSS codes

.text {color:#5a8175;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090d0c
```
#090d0c rgb(9,13,12)
```
#111917
```
#111917 rgb(17,25,23)
```
#1a2521
```
#1a2521 rgb(26,37,33)
```
#22302c
```
#22302c rgb(34,48,44)
```
#2a3c36
```
#2a3c36 rgb(42,60,54)
```
#324741
```
#324741 rgb(50,71,65)
```
#3a534b
```
#3a534b rgb(58,83,75)
```
#425e56
```
#425e56 rgb(66,94,86)
```
#4a6a60
```
#4a6a60 rgb(74,106,96)
```
#52756b
```
#52756b rgb(82,117,107)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#628d7f
```
#628d7f rgb(98,141,127)
```

Shade Color Variation

#6b988a
```
#6b988a rgb(107,152,138)
```
#76a093
```
#76a093 rgb(118,160,147)
```
#82a89c
```
#82a89c rgb(130,168,156)
```
#8db0a5
```
#8db0a5 rgb(141,176,165)
```
#99b8ae
```
#99b8ae rgb(153,184,174)
```
#a4c0b7
```
#a4c0b7 rgb(164,192,183)
```
#b0c8c1
```
#b0c8c1 rgb(176,200,193)
```
#bcd0ca
```
#bcd0ca rgb(188,208,202)
```
#c7d8d3
```
#c7d8d3 rgb(199,216,211)
```
#d3e0dc
```
#d3e0dc rgb(211,224,220)
```
#dee8e5
```
#dee8e5 rgb(222,232,229)
```
#eaf0ee
```
#eaf0ee rgb(234,240,238)
```
#f5f8f7
```
#f5f8f7 rgb(245,248,247)
```

Tint Color Variation

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

#6b706f
```
#6b706f rgb(107,112,111)
```
#627972
```
#627972 rgb(98,121,114)
```
#5a8175
```
#5a8175 rgb(90,129,117)
```
#528978
```
#528978 rgb(82,137,120)
```
#49927b
```
#49927b rgb(73,146,123)
```
#419a7f
```
#419a7f rgb(65,154,127)
```
#38a382
```
#38a382 rgb(56,163,130)
```
#30ab85
```
#30ab85 rgb(48,171,133)
```
#27b488
```
#27b488 rgb(39,180,136)
```
#1fbc8c
```
#1fbc8c rgb(31,188,140)
```
#17c48f
```
#17c48f rgb(23,196,143)
```
#0ecd92
```
#0ecd92 rgb(14,205,146)
```
#06d595
```
#06d595 rgb(6,213,149)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6f7774 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847f78 Protanopia 1% of men
#8b7c7f Deuteranopia 1% of men
#67848e Tritanopia 0.001% of the population

Trichromacy

#748077 Protanomaly 1% of men, 0.01% of women
#797e7b Deuteranomaly 6% of men, 0.4% of women
#628385 Tritanomaly 0.01% of the population

#5a8175 hex color

#5a8175 Color Information

#5a8175 Color Conversion

Color Schemes with #5a8175

Alternatives to #5a8175

#5a8175 Preview

Shades and Tints of #5a8175

Tones of #5a8175

Color Blindness Simulator