#7aaf9b hex color

In a RGB color space, hex #7aaf9b is composed of 47.8% red, 68.6% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 30.3% cyan, 0% magenta, 11.4% yellow and 31.4% black. It has a hue angle of 157.4 degrees, a saturation of 24.9% and a lightness of 58.2%. #7aaf9b color hex could be obtained by blending #f4ffff with #005f37. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 48
- G 69
- B 61
RGB color chart
- C 30
- M 0
- Y 11
- K 31
CMYK color chart

● #7aaf9b color description : Mostly desaturated dark cyan - lime green.

The hexadecimal color #7aaf9b has RGB values of R:122, G:175, B:155 and CMYK values of C:0.3, M:0, Y:0.11, K:0.31. Its decimal value is 8040347.

Hex triplet	7aaf9b	`#7aaf9b`
RGB Decimal	122, 175, 155	`rgb(122,175,155)`
RGB Percent	47.8, 68.6, 60.8	`rgb(47.8%,68.6%,60.8%)`
CMYK	30, 0, 11, 31
HSL	157.4°, 24.9, 58.2	`hsl(157.4,24.9%,58.2%)`
HSV (or HSB)	157.4°, 30.3, 68.6
Web Safe	669999	`#669999`

CIE-LAB	67.399, -21.827, 4.681
XYZ	29.271, 37.163, 36.639
xyY	0.284, 0.361, 37.163
CIE-LCH	67.399, 22.324, 167.896
CIE-LUV	67.399, -26.084, 10.323
Hunter-Lab	60.961, -20.975, 7.038
Binary	01111010, 10101111, 10011011

#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#af7a8e
```
#af7a8e rgb(175,122,142)
```

Complementary Color

#7aaf81
```
#7aaf81 rgb(122,175,129)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#7aa9af
```
#7aa9af rgb(122,169,175)
```

Analogous Color

#af817a
```
#af817a rgb(175,129,122)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#af7aa9
```
#af7aa9 rgb(175,122,169)
```

Split Complementary Color

#af9b7a
```
#af9b7a rgb(175,155,122)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#9b7aaf
```
#9b7aaf rgb(155,122,175)
```

Triadic Color

#8eaf7a
```
#8eaf7a rgb(142,175,122)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#9b7aaf
```
#9b7aaf rgb(155,122,175)
```
#af7a8e
```
#af7a8e rgb(175,122,142)
```

Tetradic Color

#538a75
```
#538a75 rgb(83,138,117)
```
#5c9a83
```
#5c9a83 rgb(92,154,131)
```
#6aa58f
```
#6aa58f rgb(106,165,143)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#8ab9a7
```
#8ab9a7 rgb(138,185,167)
```
#9ac2b3
```
#9ac2b3 rgb(154,194,179)
```
#aaccbf
```
#aaccbf rgb(170,204,191)
```

Monochromatic Color

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

#7aaf8e
```
#7aaf8e rgb(122,175,142)
```
#7aaf92
```
#7aaf92 rgb(122,175,146)
```
#7aaf97
```
#7aaf97 rgb(122,175,151)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#7aaf9f
```
#7aaf9f rgb(122,175,159)
```
#7aafa4
```
#7aafa4 rgb(122,175,164)
```
#7aafa8
```
#7aafa8 rgb(122,175,168)
```

Similar Colors

Text with hexadecimal color #7aaf9b

This text has a font color of #7aaf9b.

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

#7aaf9b background color

This paragraph has a background color of #7aaf9b.

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

#7aaf9b border color

This element has a border color of #7aaf9b.

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

CSS codes

.text {color:#7aaf9b;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#080e0c
```
#080e0c rgb(8,14,12)
```
#101a16
```
#101a16 rgb(16,26,22)
```
#172621
```
#172621 rgb(23,38,33)
```
#1f332b
```
#1f332b rgb(31,51,43)
```
#263f36
```
#263f36 rgb(38,63,54)
```
#2d4b40
```
#2d4b40 rgb(45,75,64)
```
#35574a
```
#35574a rgb(53,87,74)
```
#3c6455
```
#3c6455 rgb(60,100,85)
```
#43705f
```
#43705f rgb(67,112,95)
```
#4b7c6a
```
#4b7c6a rgb(75,124,106)
```
#528874
```
#528874 rgb(82,136,116)
```
#59957e
```
#59957e rgb(89,149,126)
```

Shade Color Variation

#62a089
```
#62a089 rgb(98,160,137)
```
#6ea892
```
#6ea892 rgb(110,168,146)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#86b6a4
```
#86b6a4 rgb(134,182,164)
```
#92bead
```
#92bead rgb(146,190,173)
```
#9fc5b7
```
#9fc5b7 rgb(159,197,183)
```
#abccc0
```
#abccc0 rgb(171,204,192)
```
#b7d4c9
```
#b7d4c9 rgb(183,212,201)
```
#c3dbd2
```
#c3dbd2 rgb(195,219,210)
```
#d0e3db
```
#d0e3db rgb(208,227,219)
```
#dceae5
```
#dceae5 rgb(220,234,229)
```
#e8f1ee
```
#e8f1ee rgb(232,241,238)
```
#f4f9f7
```
#f4f9f7 rgb(244,249,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939695 is the less saturated color, while #30f9ad is the most saturated one.

#939695
```
#939695 rgb(147,150,149)
```
#8a9f97
```
#8a9f97 rgb(138,159,151)
```
#82a799
```
#82a799 rgb(130,167,153)
```
#7aaf9b
```
#7aaf9b rgb(122,175,155)
```
#72b79d
```
#72b79d rgb(114,183,157)
```
#6abf9f
```
#6abf9f rgb(106,191,159)
```
#61c8a1
```
#61c8a1 rgb(97,200,161)
```
#59d0a3
```
#59d0a3 rgb(89,208,163)
```
#51d8a5
```
#51d8a5 rgb(81,216,165)
```
#49e0a7
```
#49e0a7 rgb(73,224,167)
```
#41e8a9
```
#41e8a9 rgb(65,232,169)
```
#38f1ab
```
#38f1ab rgb(56,241,171)
```
#30f9ad
```
#30f9ad rgb(48,249,173)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#96a19d Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa89a Protanopia 1% of men
#b9a3a5 Deuteranopia 1% of men
#88afbb Tritanopia 0.001% of the population

Trichromacy

#9baa9a Protanomaly 1% of men, 0.01% of women
#a2a7a1 Deuteranomaly 6% of men, 0.4% of women
#82afaf Tritanomaly 0.01% of the population

#7aaf9b hex color

#7aaf9b Color Information

#7aaf9b Color Conversion

Color Schemes with #7aaf9b

Alternatives to #7aaf9b

#7aaf9b Preview

Shades and Tints of #7aaf9b

Tones of #7aaf9b

Color Blindness Simulator