#7ca8a2 hex color

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

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

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

The hexadecimal color #7ca8a2 has RGB values of R:124, G:168, B:162 and CMYK values of C:0.26, M:0, Y:0.04, K:0.34. Its decimal value is 8169634.

Hex triplet	7ca8a2	`#7ca8a2`
RGB Decimal	124, 168, 162	`rgb(124,168,162)`
RGB Percent	48.6, 65.9, 63.5	`rgb(48.6%,65.9%,63.5%)`
CMYK	26, 0, 4, 34
HSL	171.8°, 20.2, 57.3	`hsl(171.8,20.2%,57.3%)`
HSV (or HSB)	171.8°, 26.2, 65.9
Web Safe	669999	`#669999`

CIE-LAB	65.669, -16.056, -1.708
XYZ	28.835, 34.898, 39.397
xyY	0.28, 0.338, 34.898
CIE-LCH	65.669, 16.146, 186.071
CIE-LUV	65.669, -22.042, 0.082
Hunter-Lab	59.074, -16.253, 1.811
Binary	01111100, 10101000, 10100010

#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#a87c82
```
#a87c82 rgb(168,124,130)
```

Complementary Color

#7ca88c
```
#7ca88c rgb(124,168,140)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#7c98a8
```
#7c98a8 rgb(124,152,168)
```

Analogous Color

#a88c7c
```
#a88c7c rgb(168,140,124)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#a87c98
```
#a87c98 rgb(168,124,152)
```

Split Complementary Color

#a8a27c
```
#a8a27c rgb(168,162,124)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#a27ca8
```
#a27ca8 rgb(162,124,168)
```

Triadic Color

#82a87c
```
#82a87c rgb(130,168,124)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#a27ca8
```
#a27ca8 rgb(162,124,168)
```
#a87c82
```
#a87c82 rgb(168,124,130)
```

Tetradic Color

#56817c
```
#56817c rgb(86,129,124)
```
#60918a
```
#60918a rgb(96,145,138)
```
#6d9e97
```
#6d9e97 rgb(109,158,151)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#8bb2ad
```
#8bb2ad rgb(139,178,173)
```
#9bbcb8
```
#9bbcb8 rgb(155,188,184)
```
#aac7c3
```
#aac7c3 rgb(170,199,195)
```

Monochromatic Color

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

#7ca897
```
#7ca897 rgb(124,168,151)
```
#7ca89b
```
#7ca89b rgb(124,168,155)
```
#7ca89e
```
#7ca89e rgb(124,168,158)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#7ca8a6
```
#7ca8a6 rgb(124,168,166)
```
#7ca7a8
```
#7ca7a8 rgb(124,167,168)
```
#7ca3a8
```
#7ca3a8 rgb(124,163,168)
```

Similar Colors

Text with hexadecimal color #7ca8a2

This text has a font color of #7ca8a2.

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

#7ca8a2 background color

This paragraph has a background color of #7ca8a2.

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

#7ca8a2 border color

This element has a border color of #7ca8a2.

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

CSS codes

.text {color:#7ca8a2;}

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

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

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

#070a0a
```
#070a0a rgb(7,10,10)
```
#0f1615
```
#0f1615 rgb(15,22,21)
```
#172220
```
#172220 rgb(23,34,32)
```
#1e2e2c
```
#1e2e2c rgb(30,46,44)
```
#263a37
```
#263a37 rgb(38,58,55)
```
#2e4542
```
#2e4542 rgb(46,69,66)
```
#36514d
```
#36514d rgb(54,81,77)
```
#3e5d59
```
#3e5d59 rgb(62,93,89)
```
#466964
```
#466964 rgb(70,105,100)
```
#4d756f
```
#4d756f rgb(77,117,111)
```
#55807a
```
#55807a rgb(85,128,122)
```
#5d8c86
```
#5d8c86 rgb(93,140,134)
```
#659891
```
#659891 rgb(101,152,145)
```

Shade Color Variation

#70a09a
```
#70a09a rgb(112,160,154)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#88b0aa
```
#88b0aa rgb(136,176,170)
```
#94b8b3
```
#94b8b3 rgb(148,184,179)
```
#9fbfbb
```
#9fbfbb rgb(159,191,187)
```
#abc7c3
```
#abc7c3 rgb(171,199,195)
```
#b7cfcc
```
#b7cfcc rgb(183,207,204)
```
#c3d7d4
```
#c3d7d4 rgb(195,215,212)
```
#cfdfdd
```
#cfdfdd rgb(207,223,221)
```
#dae7e5
```
#dae7e5 rgb(218,231,229)
```
#e6eeed
```
#e6eeed rgb(230,238,237)
```
#f2f6f6
```
#f2f6f6 rgb(242,246,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#8d9796
```
#8d9796 rgb(141,151,150)
```
#84a09c
```
#84a09c rgb(132,160,156)
```
#7ca8a2
```
#7ca8a2 rgb(124,168,162)
```
#74b0a8
```
#74b0a8 rgb(116,176,168)
```
#6bb9ae
```
#6bb9ae rgb(107,185,174)
```
#63c1b4
```
#63c1b4 rgb(99,193,180)
```
#5acaba
```
#5acaba rgb(90,202,186)
```
#52d2c0
```
#52d2c0 rgb(82,210,192)
```
#4adac7
```
#4adac7 rgb(74,218,199)
```
#41e3cd
```
#41e3cd rgb(65,227,205)
```
#39ebd3
```
#39ebd3 rgb(57,235,211)
```
#31f3d9
```
#31f3d9 rgb(49,243,217)
```
#28fcdf
```
#28fcdf rgb(40,252,223)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#949d9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7a3a2 Protanopia 1% of men
#b09fab Deuteranopia 1% of men
#86aab6 Tritanopia 0.001% of the population

Trichromacy

#97a5a2 Protanomaly 1% of men, 0.01% of women
#9da2a7 Deuteranomaly 6% of men, 0.4% of women
#82a9ae Tritanomaly 0.01% of the population

#7ca8a2 hex color

#7ca8a2 Color Information

#7ca8a2 Color Conversion

Color Schemes with #7ca8a2

Alternatives to #7ca8a2

#7ca8a2 Preview

Shades and Tints of #7ca8a2

Tones of #7ca8a2

Color Blindness Simulator