#7aaf9a hex color

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

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

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

The hexadecimal color #7aaf9a has RGB values of R:122, G:175, B:154 and CMYK values of C:0.3, M:0, Y:0.12, K:0.31. Its decimal value is 8040346.

Hex triplet	7aaf9a	`#7aaf9a`
RGB Decimal	122, 175, 154	`rgb(122,175,154)`
RGB Percent	47.8, 68.6, 60.4	`rgb(47.8%,68.6%,60.4%)`
CMYK	30, 0, 12, 31
HSL	156.2°, 24.9, 58.2	`hsl(156.2,24.9%,58.2%)`
HSV (or HSB)	156.2°, 30.3, 68.6
Web Safe	669999	`#669999`

CIE-LAB	67.374, -22.041, 5.198
XYZ	29.187, 37.129, 36.199
xyY	0.285, 0.362, 37.129
CIE-LCH	67.374, 22.646, 166.731
CIE-LUV	67.374, -26.092, 11.094
Hunter-Lab	60.934, -21.133, 7.431
Binary	01111010, 10101111, 10011010

#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#af7a8f
```
#af7a8f rgb(175,122,143)
```

Complementary Color

#7aaf80
```
#7aaf80 rgb(122,175,128)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#7aaaaf
```
#7aaaaf rgb(122,170,175)
```

Analogous Color

#af807a
```
#af807a rgb(175,128,122)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#af7aaa
```
#af7aaa rgb(175,122,170)
```

Split Complementary Color

#af9a7a
```
#af9a7a rgb(175,154,122)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#9a7aaf
```
#9a7aaf rgb(154,122,175)
```

Triadic Color

#8faf7a
```
#8faf7a rgb(143,175,122)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#9a7aaf
```
#9a7aaf rgb(154,122,175)
```
#af7a8f
```
#af7a8f rgb(175,122,143)
```

Tetradic Color

#538a74
```
#538a74 rgb(83,138,116)
```
#5c9a81
```
#5c9a81 rgb(92,154,129)
```
#6aa58e
```
#6aa58e rgb(106,165,142)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#8ab9a6
```
#8ab9a6 rgb(138,185,166)
```
#9ac2b2
```
#9ac2b2 rgb(154,194,178)
```
#aaccbe
```
#aaccbe rgb(170,204,190)
```

Monochromatic Color

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

#7aaf8d
```
#7aaf8d rgb(122,175,141)
```
#7aaf91
```
#7aaf91 rgb(122,175,145)
```
#7aaf96
```
#7aaf96 rgb(122,175,150)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#7aaf9e
```
#7aaf9e rgb(122,175,158)
```
#7aafa3
```
#7aafa3 rgb(122,175,163)
```
#7aafa7
```
#7aafa7 rgb(122,175,167)
```

Similar Colors

Text with hexadecimal color #7aaf9a

This text has a font color of #7aaf9a.

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

#7aaf9a background color

This paragraph has a background color of #7aaf9a.

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

#7aaf9a border color

This element has a border color of #7aaf9a.

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

CSS codes

.text {color:#7aaf9a;}

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

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

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)
```
#172620
```
#172620 rgb(23,38,32)
```
#1f332b
```
#1f332b rgb(31,51,43)
```
#263f35
```
#263f35 rgb(38,63,53)
```
#2d4b3f
```
#2d4b3f rgb(45,75,63)
```
#35574a
```
#35574a rgb(53,87,74)
```
#3c6454
```
#3c6454 rgb(60,100,84)
```
#43705e
```
#43705e rgb(67,112,94)
```
#4b7c69
```
#4b7c69 rgb(75,124,105)
```
#528873
```
#528873 rgb(82,136,115)
```
#59957d
```
#59957d rgb(89,149,125)
```

Shade Color Variation

#62a087
```
#62a087 rgb(98,160,135)
```
#6ea891
```
#6ea891 rgb(110,168,145)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#86b6a3
```
#86b6a3 rgb(134,182,163)
```
#92bead
```
#92bead rgb(146,190,173)
```
#9fc5b6
```
#9fc5b6 rgb(159,197,182)
```
#abccbf
```
#abccbf rgb(171,204,191)
```
#b7d4c9
```
#b7d4c9 rgb(183,212,201)
```
#c3dbd2
```
#c3dbd2 rgb(195,219,210)
```
#d0e3db
```
#d0e3db rgb(208,227,219)
```
#dceae4
```
#dceae4 rgb(220,234,228)
```
#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 #30f9a9 is the most saturated one.

#939695
```
#939695 rgb(147,150,149)
```
#8a9f97
```
#8a9f97 rgb(138,159,151)
```
#82a798
```
#82a798 rgb(130,167,152)
```
#7aaf9a
```
#7aaf9a rgb(122,175,154)
```
#72b79c
```
#72b79c rgb(114,183,156)
```
#6abf9d
```
#6abf9d rgb(106,191,157)
```
#61c89f
```
#61c89f rgb(97,200,159)
```
#59d0a1
```
#59d0a1 rgb(89,208,161)
```
#51d8a3
```
#51d8a3 rgb(81,216,163)
```
#49e0a4
```
#49e0a4 rgb(73,224,164)
```
#41e8a6
```
#41e8a6 rgb(65,232,166)
```
#38f1a8
```
#38f1a8 rgb(56,241,168)
```
#30f9a9
```
#30f9a9 rgb(48,249,169)
```

Tone Color Variation

Below, you can see how #7aaf9a 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
#96a19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#afa899 Protanopia 1% of men
#b9a3a4 Deuteranopia 1% of men
#88aebb Tritanopia 0.001% of the population

Trichromacy

#9baa99 Protanomaly 1% of men, 0.01% of women
#a2a7a0 Deuteranomaly 6% of men, 0.4% of women
#83aeaf Tritanomaly 0.01% of the population

#7aaf9a hex color

#7aaf9a Color Information

#7aaf9a Color Conversion

Color Schemes with #7aaf9a

Alternatives to #7aaf9a

#7aaf9a Preview

Shades and Tints of #7aaf9a

Tones of #7aaf9a

Color Blindness Simulator