#7ca5a8 hex color

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

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

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

The hexadecimal color #7ca5a8 has RGB values of R:124, G:165, B:168 and CMYK values of C:0.26, M:0.02, Y:0, K:0.34. Its decimal value is 8168872.

Hex triplet	7ca5a8	`#7ca5a8`
RGB Decimal	124, 165, 168	`rgb(124,165,168)`
RGB Percent	48.6, 64.7, 65.9	`rgb(48.6%,64.7%,65.9%)`
CMYK	26, 2, 0, 34
HSL	184.1°, 20.2, 57.3	`hsl(184.1,20.2%,57.3%)`
HSV (or HSB)	184.1°, 26.2, 65.9
Web Safe	669999	`#669999`

CIE-LAB	64.98, -13.089, -6.074
XYZ	28.833, 34.021, 42.091
xyY	0.275, 0.324, 34.021
CIE-LCH	64.98, 14.429, 204.893
CIE-LUV	64.98, -20.711, -6.92
Hunter-Lab	58.328, -13.835, -1.956
Binary	01111100, 10100101, 10101000

#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#a87f7c
```
#a87f7c rgb(168,127,124)
```

Complementary Color

#7ca895
```
#7ca895 rgb(124,168,149)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#7c8fa8
```
#7c8fa8 rgb(124,143,168)
```

Analogous Color

#a8957c
```
#a8957c rgb(168,149,124)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#a87c8f
```
#a87c8f rgb(168,124,143)
```

Split Complementary Color

#a5a87c
```
#a5a87c rgb(165,168,124)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#a87ca5
```
#a87ca5 rgb(168,124,165)
```

Triadic Color

#7ca87f
```
#7ca87f rgb(124,168,127)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#a87ca5
```
#a87ca5 rgb(168,124,165)
```
#a87f7c
```
#a87f7c rgb(168,127,124)
```

Tetradic Color

#567f81
```
#567f81 rgb(86,127,129)
```
#608e91
```
#608e91 rgb(96,142,145)
```
#6d9a9e
```
#6d9a9e rgb(109,154,158)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#8bb0b2
```
#8bb0b2 rgb(139,176,178)
```
#9bbabc
```
#9bbabc rgb(155,186,188)
```
#aac5c7
```
#aac5c7 rgb(170,197,199)
```

Monochromatic Color

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

#7ca8a0
```
#7ca8a0 rgb(124,168,160)
```
#7ca8a4
```
#7ca8a4 rgb(124,168,164)
```
#7ca8a7
```
#7ca8a7 rgb(124,168,167)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#7c9ea8
```
#7c9ea8 rgb(124,158,168)
```
#7c9aa8
```
#7c9aa8 rgb(124,154,168)
```

Similar Colors

Text with hexadecimal color #7ca5a8

This text has a font color of #7ca5a8.

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

#7ca5a8 background color

This paragraph has a background color of #7ca5a8.

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

#7ca5a8 border color

This element has a border color of #7ca5a8.

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

CSS codes

.text {color:#7ca5a8;}

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

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

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)
```
#0f1616
```
#0f1616 rgb(15,22,22)
```
#172122
```
#172122 rgb(23,33,34)
```
#1e2d2e
```
#1e2d2e rgb(30,45,46)
```
#26383a
```
#26383a rgb(38,56,58)
```
#2e4445
```
#2e4445 rgb(46,68,69)
```
#364f51
```
#364f51 rgb(54,79,81)
```
#3e5b5d
```
#3e5b5d rgb(62,91,93)
```
#466669
```
#466669 rgb(70,102,105)
```
#4d7275
```
#4d7275 rgb(77,114,117)
```
#557d80
```
#557d80 rgb(85,125,128)
```
#5d898c
```
#5d898c rgb(93,137,140)
```
#659498
```
#659498 rgb(101,148,152)
```

Shade Color Variation

#709da0
```
#709da0 rgb(112,157,160)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#88adb0
```
#88adb0 rgb(136,173,176)
```
#94b5b8
```
#94b5b8 rgb(148,181,184)
```
#9fbdbf
```
#9fbdbf rgb(159,189,191)
```
#abc5c7
```
#abc5c7 rgb(171,197,199)
```
#b7cdcf
```
#b7cdcf rgb(183,205,207)
```
#c3d6d7
```
#c3d6d7 rgb(195,214,215)
```
#cfdedf
```
#cfdedf rgb(207,222,223)
```
#dae6e7
```
#dae6e7 rgb(218,230,231)
```
#e6eeee
```
#e6eeee rgb(230,238,238)
```
#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, #8d9797 is the less saturated color, while #28edfc is the most saturated one.

#8d9797
```
#8d9797 rgb(141,151,151)
```
#849ea0
```
#849ea0 rgb(132,158,160)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#74acb0
```
#74acb0 rgb(116,172,176)
```
#6bb3b9
```
#6bb3b9 rgb(107,179,185)
```
#63bbc1
```
#63bbc1 rgb(99,187,193)
```
#5ac2ca
```
#5ac2ca rgb(90,194,202)
```
#52c9d2
```
#52c9d2 rgb(82,201,210)
```
#4ad0da
```
#4ad0da rgb(74,208,218)
```
#41d8e3
```
#41d8e3 rgb(65,216,227)
```
#39dfeb
```
#39dfeb rgb(57,223,235)
```
#31e6f3
```
#31e6f3 rgb(49,230,243)
```
#28edfc
```
#28edfc rgb(40,237,252)
```

Tone Color Variation

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

Dichromacy

#a3a1a8 Protanopia 1% of men
#ab9eb0 Deuteranopia 1% of men
#84a8b4 Tritanopia 0.001% of the population

Trichromacy

#95a2a8 Protanomaly 1% of men, 0.01% of women
#9aa0ad Deuteranomaly 6% of men, 0.4% of women
#81a7af Tritanomaly 0.01% of the population

#7ca5a8 hex color

#7ca5a8 Color Information

#7ca5a8 Color Conversion

Color Schemes with #7ca5a8

Alternatives to #7ca5a8

#7ca5a8 Preview

Shades and Tints of #7ca5a8

Tones of #7ca5a8

Color Blindness Simulator