#5a9689 hex color

In a RGB color space, hex #5a9689 is composed of 35.3% red, 58.8% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 40% cyan, 0% magenta, 8.7% yellow and 41.2% black. It has a hue angle of 167 degrees, a saturation of 25% and a lightness of 47.1%. #5a9689 color hex could be obtained by blending #b4ffff with #002d13. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 35
- G 59
- B 54
RGB color chart
- C 40
- M 0
- Y 9
- K 41
CMYK color chart

● #5a9689 color description : Mostly desaturated dark cyan.

The hexadecimal color #5a9689 has RGB values of R:90, G:150, B:137 and CMYK values of C:0.4, M:0, Y:0.09, K:0.41. Its decimal value is 5936777.

Hex triplet	5a9689	`#5a9689`
RGB Decimal	90, 150, 137	`rgb(90,150,137)`
RGB Percent	35.3, 58.8, 53.7	`rgb(35.3%,58.8%,53.7%)`
CMYK	40, 0, 9, 41
HSL	167°, 25, 47.1	`hsl(167,25%,47.1%)`
HSV (or HSB)	167°, 40, 58.8
Web Safe	669999	`#669999`

CIE-LAB	57.839, -22.685, 0.719
XYZ	19.637, 25.791, 27.609
xyY	0.269, 0.353, 25.791
CIE-LCH	57.839, 22.697, 178.183
CIE-LUV	57.839, -28.062, 4.532
Hunter-Lab	50.785, -19.855, 3.317
Binary	01011010, 10010110, 10001001

#5a9689
```
#5a9689 rgb(90,150,137)
```
#965a67
```
#965a67 rgb(150,90,103)
```

Complementary Color

#5a966b
```
#5a966b rgb(90,150,107)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#5a8596
```
#5a8596 rgb(90,133,150)
```

Analogous Color

#966b5a
```
#966b5a rgb(150,107,90)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#965a85
```
#965a85 rgb(150,90,133)
```

Split Complementary Color

#96895a
```
#96895a rgb(150,137,90)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#895a96
```
#895a96 rgb(137,90,150)
```

Triadic Color

#67965a
```
#67965a rgb(103,150,90)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#895a96
```
#895a96 rgb(137,90,150)
```
#965a67
```
#965a67 rgb(150,90,103)
```

Tetradic Color

#3d665d
```
#3d665d rgb(61,102,93)
```
#47766c
```
#47766c rgb(71,118,108)
```
#50867a
```
#50867a rgb(80,134,122)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#66a396
```
#66a396 rgb(102,163,150)
```
#76ada1
```
#76ada1 rgb(118,173,161)
```
#86b6ac
```
#86b6ac rgb(134,182,172)
```

Monochromatic Color

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

#5a967a
```
#5a967a rgb(90,150,122)
```
#5a967f
```
#5a967f rgb(90,150,127)
```
#5a9684
```
#5a9684 rgb(90,150,132)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#5a968e
```
#5a968e rgb(90,150,142)
```
#5a9693
```
#5a9693 rgb(90,150,147)
```
#5a9496
```
#5a9496 rgb(90,148,150)
```

Similar Colors

Text with hexadecimal color #5a9689

This text has a font color of #5a9689.

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

#5a9689 background color

This paragraph has a background color of #5a9689.

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

#5a9689 border color

This element has a border color of #5a9689.

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

CSS codes

.text {color:#5a9689;}

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

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

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

#020303
```
#020303 rgb(2,3,3)
```
#090f0e
```
#090f0e rgb(9,15,14)
```
#101b19
```
#101b19 rgb(16,27,25)
```
#182824
```
#182824 rgb(24,40,36)
```
#1f342f
```
#1f342f rgb(31,52,47)
```
#27403b
```
#27403b rgb(39,64,59)
```
#2e4c46
```
#2e4c46 rgb(46,76,70)
```
#355951
```
#355951 rgb(53,89,81)
```
#3d655c
```
#3d655c rgb(61,101,92)
```
#447167
```
#447167 rgb(68,113,103)
```
#4b7d73
```
#4b7d73 rgb(75,125,115)
```
#538a7e
```
#538a7e rgb(83,138,126)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```

Shade Color Variation

#63a194
```
#63a194 rgb(99,161,148)
```
#6fa89c
```
#6fa89c rgb(111,168,156)
```
#7bb0a4
```
#7bb0a4 rgb(123,176,164)
```
#87b7ad
```
#87b7ad rgb(135,183,173)
```
#94bfb5
```
#94bfb5 rgb(148,191,181)
```
#a0c6be
```
#a0c6be rgb(160,198,190)
```
#accdc6
```
#accdc6 rgb(172,205,198)
```
#b8d5ce
```
#b8d5ce rgb(184,213,206)
```
#c5dcd7
```
#c5dcd7 rgb(197,220,215)
```
#d1e3df
```
#d1e3df rgb(209,227,223)
```
#ddebe8
```
#ddebe8 rgb(221,235,232)
```
#e9f2f0
```
#e9f2f0 rgb(233,242,240)
```
#f6f9f9
```
#f6f9f9 rgb(246,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #767a79 is the less saturated color, while #07e9b8 is the most saturated one.

#767a79
```
#767a79 rgb(118,122,121)
```
#6c847f
```
#6c847f rgb(108,132,127)
```
#638d84
```
#638d84 rgb(99,141,132)
```
#5a9689
```
#5a9689 rgb(90,150,137)
```
#519f8e
```
#519f8e rgb(81,159,142)
```
#48a893
```
#48a893 rgb(72,168,147)
```
#3eb299
```
#3eb299 rgb(62,178,153)
```
#35bb9e
```
#35bb9e rgb(53,187,158)
```
#2cc4a3
```
#2cc4a3 rgb(44,196,163)
```
#23cda8
```
#23cda8 rgb(35,205,168)
```
#19d7ae
```
#19d7ae rgb(25,215,174)
```
#10e0b3
```
#10e0b3 rgb(16,224,179)
```
#07e9b8
```
#07e9b8 rgb(7,233,184)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#7b8784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959089 Protanopia 1% of men
#9c8c94 Deuteranopia 1% of men
#6898a3 Tritanopia 0.001% of the population

Trichromacy

#7f9289 Protanomaly 1% of men, 0.01% of women
#849090 Deuteranomaly 6% of men, 0.4% of women
#639799 Tritanomaly 0.01% of the population

#5a9689 hex color

#5a9689 Color Information

#5a9689 Color Conversion

Color Schemes with #5a9689

Alternatives to #5a9689

#5a9689 Preview

Shades and Tints of #5a9689

Tones of #5a9689

Color Blindness Simulator