#7caf9a hex color

In a RGB color space, hex #7caf9a is composed of 48.6% red, 68.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 0% magenta, 12% yellow and 31.4% black. It has a hue angle of 155.3 degrees, a saturation of 24.2% and a lightness of 58.6%. #7caf9a color hex could be obtained by blending #f8ffff with #005f35. Closest websafe color is: #669999.

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

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

The hexadecimal color #7caf9a has RGB values of R:124, G:175, B:154 and CMYK values of C:0.29, M:0, Y:0.12, K:0.31. Its decimal value is 8171418.

Hex triplet	7caf9a	`#7caf9a`
RGB Decimal	124, 175, 154	`rgb(124,175,154)`
RGB Percent	48.6, 68.6, 60.4	`rgb(48.6%,68.6%,60.4%)`
CMYK	29, 0, 12, 31
HSL	155.3°, 24.2, 58.6	`hsl(155.3,24.2%,58.6%)`
HSV (or HSB)	155.3°, 29.1, 68.6
Web Safe	669999	`#669999`

CIE-LAB	67.484, -21.418, 5.371
XYZ	29.473, 37.277, 36.212
xyY	0.286, 0.362, 37.277
CIE-LCH	67.484, 22.081, 165.923
CIE-LUV	67.484, -25.231, 11.246
Hunter-Lab	61.055, -20.678, 7.573
Binary	01111100, 10101111, 10011010

#7caf9a
```
#7caf9a rgb(124,175,154)
```
#af7c91
```
#af7c91 rgb(175,124,145)
```

Complementary Color

#7caf81
```
#7caf81 rgb(124,175,129)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#7cabaf
```
#7cabaf rgb(124,171,175)
```

Analogous Color

#af817c
```
#af817c rgb(175,129,124)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#af7cab
```
#af7cab rgb(175,124,171)
```

Split Complementary Color

#af9a7c
```
#af9a7c rgb(175,154,124)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#9a7caf
```
#9a7caf rgb(154,124,175)
```

Triadic Color

#91af7c
```
#91af7c rgb(145,175,124)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#9a7caf
```
#9a7caf rgb(154,124,175)
```
#af7c91
```
#af7c91 rgb(175,124,145)
```

Tetradic Color

#548a74
```
#548a74 rgb(84,138,116)
```
#5e9a81
```
#5e9a81 rgb(94,154,129)
```
#6ca58e
```
#6ca58e rgb(108,165,142)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#8cb9a6
```
#8cb9a6 rgb(140,185,166)
```
#9cc2b2
```
#9cc2b2 rgb(156,194,178)
```
#abccbf
```
#abccbf rgb(171,204,191)
```

Monochromatic Color

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

#7caf8d
```
#7caf8d rgb(124,175,141)
```
#7caf92
```
#7caf92 rgb(124,175,146)
```
#7caf96
```
#7caf96 rgb(124,175,150)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#7caf9e
```
#7caf9e rgb(124,175,158)
```
#7cafa3
```
#7cafa3 rgb(124,175,163)
```
#7cafa7
```
#7cafa7 rgb(124,175,167)
```

Similar Colors

Text with hexadecimal color #7caf9a

This text has a font color of #7caf9a.

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

#7caf9a background color

This paragraph has a background color of #7caf9a.

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

#7caf9a border color

This element has a border color of #7caf9a.

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

CSS codes

.text {color:#7caf9a;}

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

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

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

#020302
```
#020302 rgb(2,3,2)
```
#090f0d
```
#090f0d rgb(9,15,13)
```
#111b17
```
#111b17 rgb(17,27,23)
```
#182721
```
#182721 rgb(24,39,33)
```
#20342b
```
#20342b rgb(32,52,43)
```
#274036
```
#274036 rgb(39,64,54)
```
#2e4c40
```
#2e4c40 rgb(46,76,64)
```
#36584a
```
#36584a rgb(54,88,74)
```
#3d6454
```
#3d6454 rgb(61,100,84)
```
#45715f
```
#45715f rgb(69,113,95)
```
#4c7d69
```
#4c7d69 rgb(76,125,105)
```
#548973
```
#548973 rgb(84,137,115)
```
#5b957d
```
#5b957d rgb(91,149,125)
```

Shade Color Variation

#64a087
```
#64a087 rgb(100,160,135)
```
#70a891
```
#70a891 rgb(112,168,145)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#88b6a3
```
#88b6a3 rgb(136,182,163)
```
#94bead
```
#94bead rgb(148,190,173)
```
#a1c5b6
```
#a1c5b6 rgb(161,197,182)
```
#adcdc0
```
#adcdc0 rgb(173,205,192)
```
#b9d4c9
```
#b9d4c9 rgb(185,212,201)
```
#c5dcd2
```
#c5dcd2 rgb(197,220,210)
```
#d1e3dc
```
#d1e3dc rgb(209,227,220)
```
#ddeae5
```
#ddeae5 rgb(221,234,229)
```
#eaf2ef
```
#eaf2ef rgb(234,242,239)
```
#f6f9f8
```
#f6f9f8 rgb(246,249,248)
```

Tint Color Variation

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

#949796
```
#949796 rgb(148,151,150)
```
#8c9f97
```
#8c9f97 rgb(140,159,151)
```
#84a799
```
#84a799 rgb(132,167,153)
```
#7caf9a
```
#7caf9a rgb(124,175,154)
```
#74b79b
```
#74b79b rgb(116,183,155)
```
#6cbf9d
```
#6cbf9d rgb(108,191,157)
```
#64c79e
```
#64c79e rgb(100,199,158)
```
#5ccfa0
```
#5ccfa0 rgb(92,207,160)
```
#53d8a1
```
#53d8a1 rgb(83,216,161)
```
#4be0a3
```
#4be0a3 rgb(75,224,163)
```
#43e8a4
```
#43e8a4 rgb(67,232,164)
```
#3bf0a5
```
#3bf0a5 rgb(59,240,165)
```
#33f8a7
```
#33f8a7 rgb(51,248,167)
```

Tone Color Variation

Below, you can see how #7caf9a 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
#baa3a4 Deuteranopia 1% of men
#89aebb Tritanopia 0.001% of the population

Trichromacy

#9caa99 Protanomaly 1% of men, 0.01% of women
#a3a7a0 Deuteranomaly 6% of men, 0.4% of women
#84aeaf Tritanomaly 0.01% of the population

#7caf9a hex color

#7caf9a Color Information

#7caf9a Color Conversion

Color Schemes with #7caf9a

Alternatives to #7caf9a

#7caf9a Preview

Shades and Tints of #7caf9a

Tones of #7caf9a

Color Blindness Simulator