#7ca996 hex color

In a RGB color space, hex #7ca996 is composed of 48.6% red, 66.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 26.6% cyan, 0% magenta, 11.2% yellow and 33.7% black. It has a hue angle of 154.7 degrees, a saturation of 20.7% and a lightness of 57.5%. #7ca996 color hex could be obtained by blending #f8ffff with #00532d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 49
- G 66
- B 59
RGB color chart
- C 27
- M 0
- Y 11
- K 34
CMYK color chart

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

The hexadecimal color #7ca996 has RGB values of R:124, G:169, B:150 and CMYK values of C:0.27, M:0, Y:0.11, K:0.34. Its decimal value is 8169878.

Hex triplet	7ca996	`#7ca996`
RGB Decimal	124, 169, 150	`rgb(124,169,150)`
RGB Percent	48.6, 66.3, 58.8	`rgb(48.6%,66.3%,58.8%)`
CMYK	27, 0, 11, 34
HSL	154.7°, 20.7, 57.5	`hsl(154.7,20.7%,57.5%)`
HSV (or HSB)	154.7°, 26.6, 66.3
Web Safe	669999	`#669999`

CIE-LAB	65.641, -19.194, 4.933
XYZ	28.004, 34.862, 34.106
xyY	0.289, 0.36, 34.862
CIE-LCH	65.641, 19.818, 165.586
CIE-LUV	65.641, -22.5, 10.211
Hunter-Lab	59.044, -18.667, 7.083
Binary	01111100, 10101001, 10010110

#7ca996
```
#7ca996 rgb(124,169,150)
```
#a97c8f
```
#a97c8f rgb(169,124,143)
```

Complementary Color

#7ca980
```
#7ca980 rgb(124,169,128)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#7ca6a9
```
#7ca6a9 rgb(124,166,169)
```

Analogous Color

#a9807c
```
#a9807c rgb(169,128,124)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#a97ca6
```
#a97ca6 rgb(169,124,166)
```

Split Complementary Color

#a9967c
```
#a9967c rgb(169,150,124)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#967ca9
```
#967ca9 rgb(150,124,169)
```

Triadic Color

#8fa97c
```
#8fa97c rgb(143,169,124)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#967ca9
```
#967ca9 rgb(150,124,169)
```
#a97c8f
```
#a97c8f rgb(169,124,143)
```

Tetradic Color

#568370
```
#568370 rgb(86,131,112)
```
#60927d
```
#60927d rgb(96,146,125)
```
#6d9f8a
```
#6d9f8a rgb(109,159,138)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#8bb3a2
```
#8bb3a2 rgb(139,179,162)
```
#9bbdaf
```
#9bbdaf rgb(155,189,175)
```
#aac7bb
```
#aac7bb rgb(170,199,187)
```

Monochromatic Color

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

#7ca98b
```
#7ca98b rgb(124,169,139)
```
#7ca98f
```
#7ca98f rgb(124,169,143)
```
#7ca992
```
#7ca992 rgb(124,169,146)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#7ca99a
```
#7ca99a rgb(124,169,154)
```
#7ca99e
```
#7ca99e rgb(124,169,158)
```
#7ca9a1
```
#7ca9a1 rgb(124,169,161)
```

Similar Colors

Text with hexadecimal color #7ca996

This text has a font color of #7ca996.

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

#7ca996 background color

This paragraph has a background color of #7ca996.

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

#7ca996 border color

This element has a border color of #7ca996.

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

CSS codes

.text {color:#7ca996;}

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

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

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, #070b09 is the darkest color, while #fefffe is the lightest one.

#070b09
```
#070b09 rgb(7,11,9)
```
#0f1714
```
#0f1714 rgb(15,23,20)
```
#17231e
```
#17231e rgb(23,35,30)
```
#1f2f28
```
#1f2f28 rgb(31,47,40)
```
#263a32
```
#263a32 rgb(38,58,50)
```
#2e463c
```
#2e463c rgb(46,70,60)
```
#365246
```
#365246 rgb(54,82,70)
```
#3e5e50
```
#3e5e50 rgb(62,94,80)
```
#456a5a
```
#456a5a rgb(69,106,90)
```
#4d7665
```
#4d7665 rgb(77,118,101)
```
#55826f
```
#55826f rgb(85,130,111)
```
#5d8d79
```
#5d8d79 rgb(93,141,121)
```
#659983
```
#659983 rgb(101,153,131)
```

Shade Color Variation

#70a18d
```
#70a18d rgb(112,161,141)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#88b19f
```
#88b19f rgb(136,177,159)
```
#94b9a9
```
#94b9a9 rgb(148,185,169)
```
#a0c0b2
```
#a0c0b2 rgb(160,192,178)
```
#abc8bc
```
#abc8bc rgb(171,200,188)
```
#b7d0c5
```
#b7d0c5 rgb(183,208,197)
```
#c3d8cf
```
#c3d8cf rgb(195,216,207)
```
#cfdfd8
```
#cfdfd8 rgb(207,223,216)
```
#dbe7e2
```
#dbe7e2 rgb(219,231,226)
```
#e7efeb
```
#e7efeb rgb(231,239,235)
```
#f2f7f5
```
#f2f7f5 rgb(242,247,245)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9893 is the less saturated color, while #29fca3 is the most saturated one.

#8d9893
```
#8d9893 rgb(141,152,147)
```
#84a195
```
#84a195 rgb(132,161,149)
```
#7ca996
```
#7ca996 rgb(124,169,150)
```
#74b197
```
#74b197 rgb(116,177,151)
```
#6bba99
```
#6bba99 rgb(107,186,153)
```
#63c29a
```
#63c29a rgb(99,194,154)
```
#5bca9b
```
#5bca9b rgb(91,202,155)
```
#52d39c
```
#52d39c rgb(82,211,156)
```
#4adb9e
```
#4adb9e rgb(74,219,158)
```
#42e39f
```
#42e39f rgb(66,227,159)
```
#39eca0
```
#39eca0 rgb(57,236,160)
```
#31f4a2
```
#31f4a2 rgb(49,244,162)
```
#29fca3
```
#29fca3 rgb(41,252,163)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#939c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aaa396 Protanopia 1% of men
#b59fa0 Deuteranopia 1% of men
#89a9b5 Tritanopia 0.001% of the population

Trichromacy

#99a596 Protanomaly 1% of men, 0.01% of women
#a0a29c Deuteranomaly 6% of men, 0.4% of women
#84a9aa Tritanomaly 0.01% of the population

#7ca996 hex color

#7ca996 Color Information

#7ca996 Color Conversion

Color Schemes with #7ca996

Alternatives to #7ca996

#7ca996 Preview

Shades and Tints of #7ca996

Tones of #7ca996

Color Blindness Simulator