#7caaa7 hex color

In a RGB color space, hex #7caaa7 is composed of 48.6% red, 66.7% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 1.8% yellow and 33.3% black. It has a hue angle of 176.1 degrees, a saturation of 21.3% and a lightness of 57.6%. #7caaa7 color hex could be obtained by blending #f8ffff with #00554f. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 49
- G 67
- B 65
RGB color chart
- C 27
- M 0
- Y 2
- K 33
CMYK color chart

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

The hexadecimal color #7caaa7 has RGB values of R:124, G:170, B:167 and CMYK values of C:0.27, M:0, Y:0.02, K:0.33. Its decimal value is 8170151.

Hex triplet	7caaa7	`#7caaa7`
RGB Decimal	124, 170, 167	`rgb(124,170,167)`
RGB Percent	48.6, 66.7, 65.5	`rgb(48.6%,66.7%,65.5%)`
CMYK	27, 0, 2, 33
HSL	176.1°, 21.3, 57.6	`hsl(176.1,21.3%,57.6%)`
HSV (or HSB)	176.1°, 27.1, 66.7
Web Safe	669999	`#669999`

CIE-LAB	66.385, -15.965, -3.44
XYZ	29.66, 35.823, 41.909
xyY	0.276, 0.334, 35.823
CIE-LCH	66.385, 16.331, 192.161
CIE-LUV	66.385, -22.935, -2.521
Hunter-Lab	59.853, -16.286, 0.382
Binary	01111100, 10101010, 10100111

#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#aa7c7f
```
#aa7c7f rgb(170,124,127)
```

Complementary Color

#7caa90
```
#7caa90 rgb(124,170,144)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#7c96aa
```
#7c96aa rgb(124,150,170)
```

Analogous Color

#aa907c
```
#aa907c rgb(170,144,124)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#aa7c96
```
#aa7c96 rgb(170,124,150)
```

Split Complementary Color

#aaa77c
```
#aaa77c rgb(170,167,124)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#a77caa
```
#a77caa rgb(167,124,170)
```

Triadic Color

#7faa7c
```
#7faa7c rgb(127,170,124)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#a77caa
```
#a77caa rgb(167,124,170)
```
#aa7c7f
```
#aa7c7f rgb(170,124,127)
```

Tetradic Color

#568481
```
#568481 rgb(86,132,129)
```
#609390
```
#609390 rgb(96,147,144)
```
#6da09d
```
#6da09d rgb(109,160,157)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#8bb4b1
```
#8bb4b1 rgb(139,180,177)
```
#9bbebc
```
#9bbebc rgb(155,190,188)
```
#aac8c6
```
#aac8c6 rgb(170,200,198)
```

Monochromatic Color

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

#7caa9c
```
#7caa9c rgb(124,170,156)
```
#7caa9f
```
#7caa9f rgb(124,170,159)
```
#7caaa3
```
#7caaa3 rgb(124,170,163)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#7ca9aa
```
#7ca9aa rgb(124,169,170)
```
#7ca5aa
```
#7ca5aa rgb(124,165,170)
```
#7ca2aa
```
#7ca2aa rgb(124,162,170)
```

Similar Colors

Text with hexadecimal color #7caaa7

This text has a font color of #7caaa7.

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

#7caaa7 background color

This paragraph has a background color of #7caaa7.

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

#7caaa7 border color

This element has a border color of #7caaa7.

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

CSS codes

.text {color:#7caaa7;}

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

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

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, #080c0b is the darkest color, while #ffffff is the lightest one.

#080c0b
```
#080c0b rgb(8,12,11)
```
#0f1817
```
#0f1817 rgb(15,24,23)
```
#172423
```
#172423 rgb(23,36,35)
```
#1f2f2e
```
#1f2f2e rgb(31,47,46)
```
#273b3a
```
#273b3a rgb(39,59,58)
```
#2e4746
```
#2e4746 rgb(46,71,70)
```
#365351
```
#365351 rgb(54,83,81)
```
#3e5f5d
```
#3e5f5d rgb(62,95,93)
```
#456b68
```
#456b68 rgb(69,107,104)
```
#4d7774
```
#4d7774 rgb(77,119,116)
```
#558380
```
#558380 rgb(85,131,128)
```
#5d8f8b
```
#5d8f8b rgb(93,143,139)
```
#649b97
```
#649b97 rgb(100,155,151)
```

Shade Color Variation

#70a29f
```
#70a29f rgb(112,162,159)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#88b2af
```
#88b2af rgb(136,178,175)
```
#94b9b7
```
#94b9b7 rgb(148,185,183)
```
#a0c1bf
```
#a0c1bf rgb(160,193,191)
```
#acc9c7
```
#acc9c7 rgb(172,201,199)
```
#b7d1cf
```
#b7d1cf rgb(183,209,207)
```
#c3d8d7
```
#c3d8d7 rgb(195,216,215)
```
#cfe0df
```
#cfe0df rgb(207,224,223)
```
#dbe8e7
```
#dbe8e7 rgb(219,232,231)
```
#e7efef
```
#e7efef rgb(231,239,239)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8d9999
```
#8d9999 rgb(141,153,153)
```
#84a2a0
```
#84a2a0 rgb(132,162,160)
```
#7caaa7
```
#7caaa7 rgb(124,170,167)
```
#74b2ae
```
#74b2ae rgb(116,178,174)
```
#6bbbb5
```
#6bbbb5 rgb(107,187,181)
```
#63c3bd
```
#63c3bd rgb(99,195,189)
```
#5bcbc4
```
#5bcbc4 rgb(91,203,196)
```
#52d4cb
```
#52d4cb rgb(82,212,203)
```
#4adcd2
```
#4adcd2 rgb(74,220,210)
```
#42e4da
```
#42e4da rgb(66,228,218)
```
#3aece1
```
#3aece1 rgb(58,236,225)
```
#31f5e8
```
#31f5e8 rgb(49,245,232)
```
#29fdef
```
#29fdef rgb(41,253,239)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#969f9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a8a5a6 Protanopia 1% of men
#b1a1af Deuteranopia 1% of men
#86acb8 Tritanopia 0.001% of the population

Trichromacy

#98a7a6 Protanomaly 1% of men, 0.01% of women
#9da4ac Deuteranomaly 6% of men, 0.4% of women
#82abb2 Tritanomaly 0.01% of the population

#7caaa7 hex color

#7caaa7 Color Information

#7caaa7 Color Conversion

Color Schemes with #7caaa7

Alternatives to #7caaa7

#7caaa7 Preview

Shades and Tints of #7caaa7

Tones of #7caaa7

Color Blindness Simulator