#7fb8af hex color

In a RGB color space, hex #7fb8af is composed of 49.8% red, 72.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 4.9% yellow and 27.8% black. It has a hue angle of 170.5 degrees, a saturation of 28.6% and a lightness of 61%. #7fb8af color hex could be obtained by blending #feffff with #00715f. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 50
- G 72
- B 69
RGB color chart
- C 31
- M 0
- Y 5
- K 28
CMYK color chart

● #7fb8af color description : Slightly desaturated cyan.

The hexadecimal color #7fb8af has RGB values of R:127, G:184, B:175 and CMYK values of C:0.31, M:0, Y:0.05, K:0.28. Its decimal value is 8370351.

Hex triplet	7fb8af	`#7fb8af`
RGB Decimal	127, 184, 175	`rgb(127,184,175)`
RGB Percent	49.8, 72.2, 68.6	`rgb(49.8%,72.2%,68.6%)`
CMYK	31, 0, 5, 28
HSL	170.5°, 28.6, 61	`hsl(170.5,28.6%,61%)`
HSV (or HSB)	170.5°, 31, 72.2
Web Safe	66cc99	`#66cc99`

CIE-LAB	70.793, -20.467, -1.366
XYZ	33.629, 41.887, 46.868
xyY	0.275, 0.342, 41.887
CIE-LCH	70.793, 20.513, 183.819
CIE-LUV	70.793, -27.818, 1.29
Hunter-Lab	64.72, -20.511, 2.368
Binary	01111111, 10111000, 10101111

#7fb8af
```
#7fb8af rgb(127,184,175)
```
#b87f88
```
#b87f88 rgb(184,127,136)
```

Complementary Color

#7fb893
```
#7fb893 rgb(127,184,147)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#7fa5b8
```
#7fa5b8 rgb(127,165,184)
```

Analogous Color

#b8937f
```
#b8937f rgb(184,147,127)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#b87fa5
```
#b87fa5 rgb(184,127,165)
```

Split Complementary Color

#b8af7f
```
#b8af7f rgb(184,175,127)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#af7fb8
```
#af7fb8 rgb(175,127,184)
```

Triadic Color

#88b87f
```
#88b87f rgb(136,184,127)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#af7fb8
```
#af7fb8 rgb(175,127,184)
```
#b87f88
```
#b87f88 rgb(184,127,136)
```

Tetradic Color

#54978c
```
#54978c rgb(84,151,140)
```
#5ea69a
```
#5ea69a rgb(94,166,154)
```
#6fafa5
```
#6fafa5 rgb(111,175,165)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#8fc1b9
```
#8fc1b9 rgb(143,193,185)
```
#a0cac4
```
#a0cac4 rgb(160,202,196)
```
#b0d3ce
```
#b0d3ce rgb(176,211,206)
```

Monochromatic Color

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

#7fb8a1
```
#7fb8a1 rgb(127,184,161)
```
#7fb8a6
```
#7fb8a6 rgb(127,184,166)
```
#7fb8aa
```
#7fb8aa rgb(127,184,170)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#7fb8b4
```
#7fb8b4 rgb(127,184,180)
```
#7fb8b8
```
#7fb8b8 rgb(127,184,184)
```
#7fb3b8
```
#7fb3b8 rgb(127,179,184)
```

Similar Colors

Text with hexadecimal color #7fb8af

This text has a font color of #7fb8af.

<span style="color:#7fb8af;">Text here</span>

#7fb8af background color

This paragraph has a background color of #7fb8af.

<p style="background-color:#7fb8af;">Content here</p>

#7fb8af border color

This element has a border color of #7fb8af.

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

CSS codes

.text {color:#7fb8af;}

.background {background-color:#7fb8af;}

.border {border:1px solid #7fb8af;}

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, #060b0a is the darkest color, while #fdfefe is the lightest one.

#060b0a
```
#060b0a rgb(6,11,10)
```
#0d1716
```
#0d1716 rgb(13,23,22)
```
#142421
```
#142421 rgb(20,36,33)
```
#1b312d
```
#1b312d rgb(27,49,45)
```
#223d39
```
#223d39 rgb(34,61,57)
```
#294a45
```
#294a45 rgb(41,74,69)
```
#305650
```
#305650 rgb(48,86,80)
```
#37635c
```
#37635c rgb(55,99,92)
```
#3e7068
```
#3e7068 rgb(62,112,104)
```
#457c74
```
#457c74 rgb(69,124,116)
```
#4c897f
```
#4c897f rgb(76,137,127)
```
#53968b
```
#53968b rgb(83,150,139)
```
#5aa297
```
#5aa297 rgb(90,162,151)
```

Shade Color Variation

#66aa9f
```
#66aa9f rgb(102,170,159)
```
#72b1a7
```
#72b1a7 rgb(114,177,167)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#8cbfb7
```
#8cbfb7 rgb(140,191,183)
```
#98c6bf
```
#98c6bf rgb(152,198,191)
```
#a5cdc7
```
#a5cdc7 rgb(165,205,199)
```
#b1d4cf
```
#b1d4cf rgb(177,212,207)
```
#bedbd6
```
#bedbd6 rgb(190,219,214)
```
#cbe2de
```
#cbe2de rgb(203,226,222)
```
#d7e9e6
```
#d7e9e6 rgb(215,233,230)
```
#e4f0ee
```
#e4f0ee rgb(228,240,238)
```
#f1f7f6
```
#f1f7f6 rgb(241,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #96a19f is the less saturated color, while #3afdde is the most saturated one.

#96a19f
```
#96a19f rgb(150,161,159)
```
#8ea9a5
```
#8ea9a5 rgb(142,169,165)
```
#87b0aa
```
#87b0aa rgb(135,176,170)
```
#7fb8af
```
#7fb8af rgb(127,184,175)
```
#77c0b4
```
#77c0b4 rgb(119,192,180)
```
#70c7b9
```
#70c7b9 rgb(112,199,185)
```
#68cfbf
```
#68cfbf rgb(104,207,191)
```
#60d7c4
```
#60d7c4 rgb(96,215,196)
```
#59dec9
```
#59dec9 rgb(89,222,201)
```
#51e6ce
```
#51e6ce rgb(81,230,206)
```
#49eed4
```
#49eed4 rgb(73,238,212)
```
#42f5d9
```
#42f5d9 rgb(66,245,217)
```
#3afdde
```
#3afdde rgb(58,253,222)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#9eaaa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b0ad Protanopia 1% of men
#beacb8 Deuteranopia 1% of men
#8ab8c6 Tritanopia 0.001% of the population

Trichromacy

#a1b3ad Protanomaly 1% of men, 0.01% of women
#a7b0b4 Deuteranomaly 6% of men, 0.4% of women
#86b8bd Tritanomaly 0.01% of the population

#7fb8af hex color

#7fb8af Color Information

#7fb8af Color Conversion

Color Schemes with #7fb8af

Alternatives to #7fb8af

#7fb8af Preview

Shades and Tints of #7fb8af

Tones of #7fb8af

Color Blindness Simulator