#7ca895 hex color

In a RGB color space, hex #7ca895 is composed of 48.6% red, 65.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 11.3% yellow and 34.1% black. It has a hue angle of 154.1 degrees, a saturation of 20.2% and a lightness of 57.3%. #7ca895 color hex could be obtained by blending #f8ffff with #00512b. Closest websafe color is: #669999.

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

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

The hexadecimal color #7ca895 has RGB values of R:124, G:168, B:149 and CMYK values of C:0.26, M:0, Y:0.11, K:0.34. Its decimal value is 8169621.

Hex triplet	7ca895	`#7ca895`
RGB Decimal	124, 168, 149	`rgb(124,168,149)`
RGB Percent	48.6, 65.9, 58.4	`rgb(48.6%,65.9%,58.4%)`
CMYK	26, 0, 11, 34
HSL	154.1°, 20.2, 57.3	`hsl(154.1,20.2%,57.3%)`
HSV (or HSB)	154.1°, 26.2, 65.9
Web Safe	669999	`#669999`

CIE-LAB	65.326, -18.889, 5.035
XYZ	27.738, 34.459, 33.622
xyY	0.289, 0.36, 34.459
CIE-LCH	65.326, 19.548, 165.075
CIE-LUV	65.326, -22.039, 10.296
Hunter-Lab	58.702, -18.383, 7.133
Binary	01111100, 10101000, 10010101

#7ca895
```
#7ca895 rgb(124,168,149)
```
#a87c8f
```
#a87c8f rgb(168,124,143)
```

Complementary Color

#7ca87f
```
#7ca87f rgb(124,168,127)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```

Analogous Color

#a87f7c
```
#a87f7c rgb(168,127,124)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#a87ca5
```
#a87ca5 rgb(168,124,165)
```

Split Complementary Color

#a8957c
```
#a8957c rgb(168,149,124)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#957ca8
```
#957ca8 rgb(149,124,168)
```

Triadic Color

#8fa87c
```
#8fa87c rgb(143,168,124)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#957ca8
```
#957ca8 rgb(149,124,168)
```
#a87c8f
```
#a87c8f rgb(168,124,143)
```

Tetradic Color

#56816f
```
#56816f rgb(86,129,111)
```
#60917c
```
#60917c rgb(96,145,124)
```
#6d9e89
```
#6d9e89 rgb(109,158,137)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#8bb2a1
```
#8bb2a1 rgb(139,178,161)
```
#9bbcae
```
#9bbcae rgb(155,188,174)
```
#aac7ba
```
#aac7ba rgb(170,199,186)
```

Monochromatic Color

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

#7ca88a
```
#7ca88a rgb(124,168,138)
```
#7ca88e
```
#7ca88e rgb(124,168,142)
```
#7ca891
```
#7ca891 rgb(124,168,145)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#7ca899
```
#7ca899 rgb(124,168,153)
```
#7ca89c
```
#7ca89c rgb(124,168,156)
```
#7ca8a0
```
#7ca8a0 rgb(124,168,160)
```

Similar Colors

Text with hexadecimal color #7ca895

This text has a font color of #7ca895.

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

#7ca895 background color

This paragraph has a background color of #7ca895.

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

#7ca895 border color

This element has a border color of #7ca895.

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

CSS codes

.text {color:#7ca895;}

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

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

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

#070a09
```
#070a09 rgb(7,10,9)
```
#0f1613
```
#0f1613 rgb(15,22,19)
```
#17221d
```
#17221d rgb(23,34,29)
```
#1e2e27
```
#1e2e27 rgb(30,46,39)
```
#263a31
```
#263a31 rgb(38,58,49)
```
#2e453b
```
#2e453b rgb(46,69,59)
```
#365145
```
#365145 rgb(54,81,69)
```
#3e5d4f
```
#3e5d4f rgb(62,93,79)
```
#46695a
```
#46695a rgb(70,105,90)
```
#4d7564
```
#4d7564 rgb(77,117,100)
```
#55806e
```
#55806e rgb(85,128,110)
```
#5d8c78
```
#5d8c78 rgb(93,140,120)
```
#659882
```
#659882 rgb(101,152,130)
```

Shade Color Variation

#70a08b
```
#70a08b rgb(112,160,139)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#88b09f
```
#88b09f rgb(136,176,159)
```
#94b8a8
```
#94b8a8 rgb(148,184,168)
```
#9fbfb2
```
#9fbfb2 rgb(159,191,178)
```
#abc7bb
```
#abc7bb rgb(171,199,187)
```
#b7cfc5
```
#b7cfc5 rgb(183,207,197)
```
#c3d7ce
```
#c3d7ce rgb(195,215,206)
```
#cfdfd8
```
#cfdfd8 rgb(207,223,216)
```
#dae7e1
```
#dae7e1 rgb(218,231,225)
```
#e6eeeb
```
#e6eeeb rgb(230,238,235)
```
#f2f6f4
```
#f2f6f4 rgb(242,246,244)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#8d9793
```
#8d9793 rgb(141,151,147)
```
#84a094
```
#84a094 rgb(132,160,148)
```
#7ca895
```
#7ca895 rgb(124,168,149)
```
#74b096
```
#74b096 rgb(116,176,150)
```
#6bb997
```
#6bb997 rgb(107,185,151)
```
#63c198
```
#63c198 rgb(99,193,152)
```
#5aca9a
```
#5aca9a rgb(90,202,154)
```
#52d29b
```
#52d29b rgb(82,210,155)
```
#4ada9c
```
#4ada9c rgb(74,218,156)
```
#41e39d
```
#41e39d rgb(65,227,157)
```
#39eb9e
```
#39eb9e rgb(57,235,158)
```
#31f39f
```
#31f39f rgb(49,243,159)
```
#28fca0
```
#28fca0 rgb(40,252,160)
```

Tone Color Variation

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

#a9a395 Protanopia 1% of men
#b49e9f Deuteranopia 1% of men
#89a8b4 Tritanopia 0.001% of the population

Trichromacy

#99a495 Protanomaly 1% of men, 0.01% of women
#9fa19b Deuteranomaly 6% of men, 0.4% of women
#84a8a9 Tritanomaly 0.01% of the population

#7ca895 hex color

#7ca895 Color Information

#7ca895 Color Conversion

Color Schemes with #7ca895

Alternatives to #7ca895

#7ca895 Preview

Shades and Tints of #7ca895

Tones of #7ca895

Color Blindness Simulator