colorhexa.com

#5f9a96 hex color

In a RGB color space, hex #5f9a96 is composed of 37.3% red, 60.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 0% magenta, 2.6% yellow and 39.6% black. It has a hue angle of 175.9 degrees, a saturation of 23.7% and a lightness of 48.8%. #5f9a96 color hex could be obtained by blending #beffff with #00352d. Closest websafe color is: #669999.

- R 37
- G 60
- B 59
RGB color chart
- C 38
- M 0
- Y 3
- K 40
CMYK color chart

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

The hexadecimal color #5f9a96 has RGB values of R:95, G:154, B:150 and CMYK values of C:0.38, M:0, Y:0.03, K:0.4. Its decimal value is 6265494.

Hex triplet	5f9a96	`#5f9a96`
RGB Decimal	95, 154, 150	`rgb(95,154,150)`
RGB Percent	37.3, 60.4, 58.8	`rgb(37.3%,60.4%,58.8%)`
CMYK	38, 0, 3, 40
HSL	175.9°, 23.7, 48.8	`hsl(175.9,23.7%,48.8%)`
HSV (or HSB)	175.9°, 38.3, 60.4
Web Safe	669999	`#669999`

CIE-LAB	59.658, -20.149, -3.98
XYZ	21.778, 27.745, 33.06
xyY	0.264, 0.336, 27.745
CIE-LCH	59.658, 20.539, 191.174
CIE-LUV	59.658, -27.654, -2.678
Hunter-Lab	52.673, -18.376, -0.342
Binary	01011111, 10011010, 10010110

#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#9a5f63
```
#9a5f63 rgb(154,95,99)
```

Complementary Color

#5f9a79
```
#5f9a79 rgb(95,154,121)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#5f819a
```
#5f819a rgb(95,129,154)
```

Analogous Color

#9a795f
```
#9a795f rgb(154,121,95)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#9a5f81
```
#9a5f81 rgb(154,95,129)
```

Split Complementary Color

#9a965f
```
#9a965f rgb(154,150,95)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#965f9a
```
#965f9a rgb(150,95,154)
```

Triadic Color

#639a5f
```
#639a5f rgb(99,154,95)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#965f9a
```
#965f9a rgb(150,95,154)
```
#9a5f63
```
#9a5f63 rgb(154,95,99)
```

Tetradic Color

#426b68
```
#426b68 rgb(66,107,104)
```
#4c7a77
```
#4c7a77 rgb(76,122,119)
```
#558a87
```
#558a87 rgb(85,138,135)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#6da5a1
```
#6da5a1 rgb(109,165,161)
```
#7dafac
```
#7dafac rgb(125,175,172)
```
#8db9b6
```
#8db9b6 rgb(141,185,182)
```

Monochromatic Color

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

#5f9a87
```
#5f9a87 rgb(95,154,135)
```
#5f9a8c
```
#5f9a8c rgb(95,154,140)
```
#5f9a91
```
#5f9a91 rgb(95,154,145)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#5f999a
```
#5f999a rgb(95,153,154)
```
#5f949a
```
#5f949a rgb(95,148,154)
```
#5f8f9a
```
#5f8f9a rgb(95,143,154)
```

Similar Colors

Text with hexadecimal color #5f9a96

This text has a font color of #5f9a96.

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

#5f9a96 background color

This paragraph has a background color of #5f9a96.

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

#5f9a96 border color

This element has a border color of #5f9a96.

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

CSS codes

.text {color:#5f9a96;}

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

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

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

#050808
```
#050808 rgb(5,8,8)
```
#0d1514
```
#0d1514 rgb(13,21,20)
```
#142120
```
#142120 rgb(20,33,32)
```
#1c2d2c
```
#1c2d2c rgb(28,45,44)
```
#233937
```
#233937 rgb(35,57,55)
```
#2b4543
```
#2b4543 rgb(43,69,67)
```
#32514f
```
#32514f rgb(50,81,79)
```
#3a5d5b
```
#3a5d5b rgb(58,93,91)
```
#416967
```
#416967 rgb(65,105,103)
```
#497673
```
#497673 rgb(73,118,115)
```
#50827e
```
#50827e rgb(80,130,126)
```
#588e8a
```
#588e8a rgb(88,142,138)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```

Shade Color Variation

#6aa39f
```
#6aa39f rgb(106,163,159)
```
#76aaa7
```
#76aaa7 rgb(118,170,167)
```
#82b2af
```
#82b2af rgb(130,178,175)
```
#8eb9b6
```
#8eb9b6 rgb(142,185,182)
```
#9ac1be
```
#9ac1be rgb(154,193,190)
```
#a6c8c6
```
#a6c8c6 rgb(166,200,198)
```
#b2d0ce
```
#b2d0ce rgb(178,208,206)
```
#bfd7d6
```
#bfd7d6 rgb(191,215,214)
```
#cbdfdd
```
#cbdfdd rgb(203,223,221)
```
#d7e6e5
```
#d7e6e5 rgb(215,230,229)
```
#e3eeed
```
#e3eeed rgb(227,238,237)
```
#eff5f5
```
#eff5f5 rgb(239,245,245)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d7d is the less saturated color, while #09f0e1 is the most saturated one.

#7c7d7d
```
#7c7d7d rgb(124,125,125)
```
#728785
```
#728785 rgb(114,135,133)
```
#69908e
```
#69908e rgb(105,144,142)
```
#5f9a96
```
#5f9a96 rgb(95,154,150)
```
#55a49e
```
#55a49e rgb(85,164,158)
```
#4cada7
```
#4cada7 rgb(76,173,167)
```
#42b7af
```
#42b7af rgb(66,183,175)
```
#39c0b7
```
#39c0b7 rgb(57,192,183)
```
#2fcabf
```
#2fcabf rgb(47,202,191)
```
#26d3c8
```
#26d3c8 rgb(38,211,200)
```
#1cddd0
```
#1cddd0 rgb(28,221,208)
```
#12e7d8
```
#12e7d8 rgb(18,231,216)
```
#09f0e1
```
#09f0e1 rgb(9,240,225)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#808c8b Atypical Achromatopsia 0.001% of the population

Dichromacy

#979495 Protanopia 1% of men
#9e91a0 Deuteranopia 1% of men
#6b9da8 Tritanopia 0.001% of the population

Trichromacy

#839695 Protanomaly 1% of men, 0.01% of women
#87949c Deuteranomaly 6% of men, 0.4% of women
#669ca1 Tritanomaly 0.01% of the population