#7ca6a2 hex color

In a RGB color space, hex #7ca6a2 is composed of 48.6% red, 65.1% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 0% magenta, 2.4% yellow and 34.9% black. It has a hue angle of 174.3 degrees, a saturation of 19.1% and a lightness of 56.9%. #7ca6a2 color hex could be obtained by blending #f8ffff with #004d45. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 49
- G 65
- B 64
RGB color chart
- C 25
- M 0
- Y 2
- K 35
CMYK color chart

● #7ca6a2 color description : Mostly desaturated dark cyan.

The hexadecimal color #7ca6a2 has RGB values of R:124, G:166, B:162 and CMYK values of C:0.25, M:0, Y:0.02, K:0.35. Its decimal value is 8169122.

Hex triplet	7ca6a2	`#7ca6a2`
RGB Decimal	124, 166, 162	`rgb(124,166,162)`
RGB Percent	48.6, 65.1, 63.5	`rgb(48.6%,65.1%,63.5%)`
CMYK	25, 0, 2, 35
HSL	174.3°, 19.1, 56.9	`hsl(174.3,19.1%,56.9%)`
HSV (or HSB)	174.3°, 25.3, 65.1
Web Safe	669999	`#669999`

CIE-LAB	65.093, -15.003, -2.553
XYZ	28.468, 34.165, 39.275
xyY	0.279, 0.335, 34.165
CIE-LCH	65.093, 15.219, 189.656
CIE-LUV	65.093, -21.14, -1.336
Hunter-Lab	58.451, -15.351, 1.077
Binary	01111100, 10100110, 10100010

#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#a67c80
```
#a67c80 rgb(166,124,128)
```

Complementary Color

#7ca68d
```
#7ca68d rgb(124,166,141)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#7c95a6
```
#7c95a6 rgb(124,149,166)
```

Analogous Color

#a68d7c
```
#a68d7c rgb(166,141,124)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#a67c95
```
#a67c95 rgb(166,124,149)
```

Split Complementary Color

#a6a27c
```
#a6a27c rgb(166,162,124)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#a27ca6
```
#a27ca6 rgb(162,124,166)
```

Triadic Color

#80a67c
```
#80a67c rgb(128,166,124)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#a27ca6
```
#a27ca6 rgb(162,124,166)
```
#a67c80
```
#a67c80 rgb(166,124,128)
```

Tetradic Color

#567f7b
```
#567f7b rgb(86,127,123)
```
#618e8a
```
#618e8a rgb(97,142,138)
```
#6d9c97
```
#6d9c97 rgb(109,156,151)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#8bb0ad
```
#8bb0ad rgb(139,176,173)
```
#9abbb8
```
#9abbb8 rgb(154,187,184)
```
#aac5c2
```
#aac5c2 rgb(170,197,194)
```

Monochromatic Color

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

#7ca698
```
#7ca698 rgb(124,166,152)
```
#7ca69b
```
#7ca69b rgb(124,166,155)
```
#7ca69f
```
#7ca69f rgb(124,166,159)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#7ca6a6
```
#7ca6a6 rgb(124,166,166)
```
#7ca3a6
```
#7ca3a6 rgb(124,163,166)
```
#7ca0a6
```
#7ca0a6 rgb(124,160,166)
```

Similar Colors

Text with hexadecimal color #7ca6a2

This text has a font color of #7ca6a2.

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

#7ca6a2 background color

This paragraph has a background color of #7ca6a2.

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

#7ca6a2 border color

This element has a border color of #7ca6a2.

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

CSS codes

.text {color:#7ca6a2;}

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

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

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

#060909
```
#060909 rgb(6,9,9)
```
#0e1514
```
#0e1514 rgb(14,21,20)
```
#162120
```
#162120 rgb(22,33,32)
```
#1e2c2b
```
#1e2c2b rgb(30,44,43)
```
#263836
```
#263836 rgb(38,56,54)
```
#2e4441
```
#2e4441 rgb(46,68,65)
```
#364f4d
```
#364f4d rgb(54,79,77)
```
#3e5b58
```
#3e5b58 rgb(62,91,88)
```
#466763
```
#466763 rgb(70,103,99)
```
#4e726f
```
#4e726f rgb(78,114,111)
```
#567e7a
```
#567e7a rgb(86,126,122)
```
#5e8a85
```
#5e8a85 rgb(94,138,133)
```
#659591
```
#659591 rgb(101,149,145)
```

Shade Color Variation

#709e9a
```
#709e9a rgb(112,158,154)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#88aeaa
```
#88aeaa rgb(136,174,170)
```
#93b6b3
```
#93b6b3 rgb(147,182,179)
```
#9fbebb
```
#9fbebb rgb(159,190,187)
```
#abc6c3
```
#abc6c3 rgb(171,198,195)
```
#b6cecb
```
#b6cecb rgb(182,206,203)
```
#c2d6d4
```
#c2d6d4 rgb(194,214,212)
```
#cededc
```
#cededc rgb(206,222,220)
```
#d9e5e4
```
#d9e5e4 rgb(217,229,228)
```
#e5eded
```
#e5eded rgb(229,237,237)
```
#f1f5f5
```
#f1f5f5 rgb(241,245,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#8d9594
```
#8d9594 rgb(141,149,148)
```
#849e9b
```
#849e9b rgb(132,158,155)
```
#7ca6a2
```
#7ca6a2 rgb(124,166,162)
```
#74aea9
```
#74aea9 rgb(116,174,169)
```
#6bb7b0
```
#6bb7b0 rgb(107,183,176)
```
#63bfb7
```
#63bfb7 rgb(99,191,183)
```
#5ac8bd
```
#5ac8bd rgb(90,200,189)
```
#52d0c4
```
#52d0c4 rgb(82,208,196)
```
#49d9cb
```
#49d9cb rgb(73,217,203)
```
#41e1d2
```
#41e1d2 rgb(65,225,210)
```
#38ead9
```
#38ead9 rgb(56,234,217)
```
#30f2e0
```
#30f2e0 rgb(48,242,224)
```
#27fbe6
```
#27fbe6 rgb(39,251,230)
```

Tone Color Variation

Below, you can see how #7ca6a2 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
#939c9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5a2a2 Protanopia 1% of men
#ae9eaa Deuteranopia 1% of men
#86a8b4 Tritanopia 0.001% of the population

Trichromacy

#96a3a2 Protanomaly 1% of men, 0.01% of women
#9ca1a7 Deuteranomaly 6% of men, 0.4% of women
#82a7ad Tritanomaly 0.01% of the population

#7ca6a2 hex color

#7ca6a2 Color Information

#7ca6a2 Color Conversion

Color Schemes with #7ca6a2

Alternatives to #7ca6a2

#7ca6a2 Preview

Shades and Tints of #7ca6a2

Tones of #7ca6a2

Color Blindness Simulator