#7fb4a0 hex color

In a RGB color space, hex #7fb4a0 is composed of 49.8% red, 70.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 0% magenta, 11.1% yellow and 29.4% black. It has a hue angle of 157.4 degrees, a saturation of 26.1% and a lightness of 60.2%. #7fb4a0 color hex could be obtained by blending #feffff with #006941. Closest websafe color is: #66cc99.

♥
- f
- t
- g
- R 50
- G 71
- B 63
RGB color chart
- C 29
- M 0
- Y 11
- K 29
CMYK color chart

● #7fb4a0 color description : Slightly desaturated cyan - lime green.

The hexadecimal color #7fb4a0 has RGB values of R:127, G:180, B:160 and CMYK values of C:0.29, M:0, Y:0.11, K:0.29. Its decimal value is 8369312.

Hex triplet	7fb4a0	`#7fb4a0`
RGB Decimal	127, 180, 160	`rgb(127,180,160)`
RGB Percent	49.8, 70.6, 62.7	`rgb(49.8%,70.6%,62.7%)`
CMYK	29, 0, 11, 29
HSL	157.4°, 26.1, 60.2	`hsl(157.4,26.1%,60.2%)`
HSV (or HSB)	157.4°, 29.4, 70.6
Web Safe	66cc99	`#66cc99`

CIE-LAB	69.249, -21.743, 4.629
XYZ	31.417, 39.691, 39.262
xyY	0.285, 0.36, 39.691
CIE-LCH	69.249, 22.23, 167.982
CIE-LUV	69.249, -26.161, 10.292
Hunter-Lab	63.001, -21.238, 7.152
Binary	01111111, 10110100, 10100000

#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#b47f93
```
#b47f93 rgb(180,127,147)
```

Complementary Color

#7fb486
```
#7fb486 rgb(127,180,134)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#7faeb4
```
#7faeb4 rgb(127,174,180)
```

Analogous Color

#b4867f
```
#b4867f rgb(180,134,127)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#b47fae
```
#b47fae rgb(180,127,174)
```

Split Complementary Color

#b4a07f
```
#b4a07f rgb(180,160,127)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#a07fb4
```
#a07fb4 rgb(160,127,180)
```

Triadic Color

#93b47f
```
#93b47f rgb(147,180,127)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#a07fb4
```
#a07fb4 rgb(160,127,180)
```
#b47f93
```
#b47f93 rgb(180,127,147)
```

Tetradic Color

#55917b
```
#55917b rgb(85,145,123)
```
#5fa188
```
#5fa188 rgb(95,161,136)
```
#6fab94
```
#6fab94 rgb(111,171,148)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#8fbdac
```
#8fbdac rgb(143,189,172)
```
#9fc7b8
```
#9fc7b8 rgb(159,199,184)
```
#afd0c4
```
#afd0c4 rgb(175,208,196)
```

Monochromatic Color

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

#7fb493
```
#7fb493 rgb(127,180,147)
```
#7fb497
```
#7fb497 rgb(127,180,151)
```
#7fb49c
```
#7fb49c rgb(127,180,156)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#7fb4a4
```
#7fb4a4 rgb(127,180,164)
```
#7fb4a9
```
#7fb4a9 rgb(127,180,169)
```
#7fb4ad
```
#7fb4ad rgb(127,180,173)
```

Similar Colors

Text with hexadecimal color #7fb4a0

This text has a font color of #7fb4a0.

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

#7fb4a0 background color

This paragraph has a background color of #7fb4a0.

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

#7fb4a0 border color

This element has a border color of #7fb4a0.

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

CSS codes

.text {color:#7fb4a0;}

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

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

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

#050807
```
#050807 rgb(5,8,7)
```
#0c1411
```
#0c1411 rgb(12,20,17)
```
#13211c
```
#13211c rgb(19,33,28)
```
#1a2d26
```
#1a2d26 rgb(26,45,38)
```
#223a31
```
#223a31 rgb(34,58,49)
```
#29463b
```
#29463b rgb(41,70,59)
```
#305245
```
#305245 rgb(48,82,69)
```
#375f50
```
#375f50 rgb(55,95,80)
```
#3f6b5a
```
#3f6b5a rgb(63,107,90)
```
#467765
```
#467765 rgb(70,119,101)
```
#4d846f
```
#4d846f rgb(77,132,111)
```
#54907a
```
#54907a rgb(84,144,122)
```
#5c9c84
```
#5c9c84 rgb(92,156,132)
```

Shade Color Variation

#66a68e
```
#66a68e rgb(102,166,142)
```
#73ad97
```
#73ad97 rgb(115,173,151)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#8bbba9
```
#8bbba9 rgb(139,187,169)
```
#98c2b2
```
#98c2b2 rgb(152,194,178)
```
#a4cabc
```
#a4cabc rgb(164,202,188)
```
#b0d1c5
```
#b0d1c5 rgb(176,209,197)
```
#bdd8ce
```
#bdd8ce rgb(189,216,206)
```
#c9dfd7
```
#c9dfd7 rgb(201,223,215)
```
#d6e7e0
```
#d6e7e0 rgb(214,231,224)
```
#e2eee9
```
#e2eee9 rgb(226,238,233)
```
#eef5f3
```
#eef5f3 rgb(238,245,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969d9a is the less saturated color, while #39fab1 is the most saturated one.

#969d9a
```
#969d9a rgb(150,157,154)
```
#8fa49c
```
#8fa49c rgb(143,164,156)
```
#87ac9e
```
#87ac9e rgb(135,172,158)
```
#7fb4a0
```
#7fb4a0 rgb(127,180,160)
```
#77bca2
```
#77bca2 rgb(119,188,162)
```
#6fc4a4
```
#6fc4a4 rgb(111,196,164)
```
#68cba6
```
#68cba6 rgb(104,203,166)
```
#60d3a8
```
#60d3a8 rgb(96,211,168)
```
#58dbaa
```
#58dbaa rgb(88,219,170)
```
#50e3ab
```
#50e3ab rgb(80,227,171)
```
#48ebad
```
#48ebad rgb(72,235,173)
```
#41f2af
```
#41f2af rgb(65,242,175)
```
#39fab1
```
#39fab1 rgb(57,250,177)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#9ba6a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3ac9f Protanopia 1% of men
#bea8aa Deuteranopia 1% of men
#8cb3c0 Tritanopia 0.001% of the population

Trichromacy

#a0af9f Protanomaly 1% of men, 0.01% of women
#a7aca6 Deuteranomaly 6% of men, 0.4% of women
#87b3b4 Tritanomaly 0.01% of the population

#7fb4a0 hex color

#7fb4a0 Color Information

#7fb4a0 Color Conversion

Color Schemes with #7fb4a0

Alternatives to #7fb4a0

#7fb4a0 Preview

Shades and Tints of #7fb4a0

Tones of #7fb4a0

Color Blindness Simulator