#5a8168 hex color

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

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

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

The hexadecimal color #5a8168 has RGB values of R:90, G:129, B:104 and CMYK values of C:0.3, M:0, Y:0.19, K:0.49. Its decimal value is 5931368.

Hex triplet	5a8168	`#5a8168`
RGB Decimal	90, 129, 104	`rgb(90,129,104)`
RGB Percent	35.3, 50.6, 40.8	`rgb(35.3%,50.6%,40.8%)`
CMYK	30, 0, 19, 49
HSL	141.5°, 17.8, 42.9	`hsl(141.5,17.8%,42.9%)`
HSV (or HSB)	141.5°, 30.2, 50.6
Web Safe	669966	`#669966`

CIE-LAB	50.538, -19.242, 9.244
XYZ	14.565, 18.873, 15.971
xyY	0.295, 0.382, 18.873
CIE-LCH	50.538, 21.347, 154.339
CIE-LUV	50.538, -19.221, 15.233
Hunter-Lab	43.443, -16.182, 8.613
Binary	01011010, 10000001, 01101000

#5a8168
```
#5a8168 rgb(90,129,104)
```
#815a73
```
#815a73 rgb(129,90,115)
```

Complementary Color

#60815a
```
#60815a rgb(96,129,90)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#5a817c
```
#5a817c rgb(90,129,124)
```

Analogous Color

#815a60
```
#815a60 rgb(129,90,96)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#7c5a81
```
#7c5a81 rgb(124,90,129)
```

Split Complementary Color

#81685a
```
#81685a rgb(129,104,90)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#685a81
```
#685a81 rgb(104,90,129)
```

Triadic Color

#73815a
```
#73815a rgb(115,129,90)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#685a81
```
#685a81 rgb(104,90,129)
```
#815a73
```
#815a73 rgb(129,90,115)
```

Tetradic Color

#3b5444
```
#3b5444 rgb(59,84,68)
```
#456350
```
#456350 rgb(69,99,80)
```
#50725c
```
#50725c rgb(80,114,92)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#649074
```
#649074 rgb(100,144,116)
```
#729c81
```
#729c81 rgb(114,156,129)
```
#81a78e
```
#81a78e rgb(129,167,142)
```

Monochromatic Color

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

#5a815e
```
#5a815e rgb(90,129,94)
```
#5a8162
```
#5a8162 rgb(90,129,98)
```
#5a8165
```
#5a8165 rgb(90,129,101)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#5a816b
```
#5a816b rgb(90,129,107)
```
#5a816f
```
#5a816f rgb(90,129,111)
```
#5a8172
```
#5a8172 rgb(90,129,114)
```

Similar Colors

Text with hexadecimal color #5a8168

This text has a font color of #5a8168.

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

#5a8168 background color

This paragraph has a background color of #5a8168.

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

#5a8168 border color

This element has a border color of #5a8168.

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

CSS codes

.text {color:#5a8168;}

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

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

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 #f5f8f6 is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#090d0b
```
#090d0b rgb(9,13,11)
```
#111914
```
#111914 rgb(17,25,20)
```
#1a251d
```
#1a251d rgb(26,37,29)
```
#223027
```
#223027 rgb(34,48,39)
```
#2a3c30
```
#2a3c30 rgb(42,60,48)
```
#324739
```
#324739 rgb(50,71,57)
```
#3a5343
```
#3a5343 rgb(58,83,67)
```
#425e4c
```
#425e4c rgb(66,94,76)
```
#4a6a55
```
#4a6a55 rgb(74,106,85)
```
#52755f
```
#52755f rgb(82,117,95)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#628d71
```
#628d71 rgb(98,141,113)
```

Shade Color Variation

#6b987b
```
#6b987b rgb(107,152,123)
```
#76a085
```
#76a085 rgb(118,160,133)
```
#82a88f
```
#82a88f rgb(130,168,143)
```
#8db09a
```
#8db09a rgb(141,176,154)
```
#99b8a4
```
#99b8a4 rgb(153,184,164)
```
#a4c0ae
```
#a4c0ae rgb(164,192,174)
```
#b0c8b9
```
#b0c8b9 rgb(176,200,185)
```
#bcd0c3
```
#bcd0c3 rgb(188,208,195)
```
#c7d8cd
```
#c7d8cd rgb(199,216,205)
```
#d3e0d7
```
#d3e0d7 rgb(211,224,215)
```
#dee8e2
```
#dee8e2 rgb(222,232,226)
```
#eaf0ec
```
#eaf0ec rgb(234,240,236)
```
#f5f8f6
```
#f5f8f6 rgb(245,248,246)
```

Tint Color Variation

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

#6b706d
```
#6b706d rgb(107,112,109)
```
#62796a
```
#62796a rgb(98,121,106)
```
#5a8168
```
#5a8168 rgb(90,129,104)
```
#528966
```
#528966 rgb(82,137,102)
```
#499263
```
#499263 rgb(73,146,99)
```
#419a61
```
#419a61 rgb(65,154,97)
```
#38a35e
```
#38a35e rgb(56,163,94)
```
#30ab5c
```
#30ab5c rgb(48,171,92)
```
#27b45a
```
#27b45a rgb(39,180,90)
```
#1fbc57
```
#1fbc57 rgb(31,188,87)
```
#17c455
```
#17c455 rgb(23,196,85)
```
#0ecd53
```
#0ecd53 rgb(14,205,83)
```
#06d550
```
#06d550 rgb(6,213,80)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6d7570 Atypical Achromatopsia 0.001% of the population

Dichromacy

#857e6b Protanopia 1% of men
#8f7b73 Deuteranopia 1% of men
#69838c Tritanopia 0.001% of the population

Trichromacy

#757f6a Protanomaly 1% of men, 0.01% of women
#7b7d6f Deuteranomaly 6% of men, 0.4% of women
#63827f Tritanomaly 0.01% of the population

#5a8168 hex color

#5a8168 Color Information

#5a8168 Color Conversion

Color Schemes with #5a8168

Alternatives to #5a8168

#5a8168 Preview

Shades and Tints of #5a8168

Tones of #5a8168

Color Blindness Simulator