#7ca1a8 hex color

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

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

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

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

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

CIE-LAB	63.837, -10.943, -7.771
XYZ	28.123, 32.601, 41.854
xyY	0.274, 0.318, 32.601
CIE-LCH	63.837, 13.421, 215.379
CIE-LUV	63.837, -18.928, -9.802
Hunter-Lab	57.097, -12, -3.494
Binary	01111100, 10100001, 10101000

#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#a8837c
```
#a8837c rgb(168,131,124)
```

Complementary Color

#7ca899
```
#7ca899 rgb(124,168,153)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#7c8ba8
```
#7c8ba8 rgb(124,139,168)
```

Analogous Color

#a8997c
```
#a8997c rgb(168,153,124)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#a87c8b
```
#a87c8b rgb(168,124,139)
```

Split Complementary Color

#a1a87c
```
#a1a87c rgb(161,168,124)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#a87ca1
```
#a87ca1 rgb(168,124,161)
```

Triadic Color

#7ca883
```
#7ca883 rgb(124,168,131)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#a87ca1
```
#a87ca1 rgb(168,124,161)
```
#a8837c
```
#a8837c rgb(168,131,124)
```

Tetradic Color

#567b81
```
#567b81 rgb(86,123,129)
```
#608991
```
#608991 rgb(96,137,145)
```
#6d969e
```
#6d969e rgb(109,150,158)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#8bacb2
```
#8bacb2 rgb(139,172,178)
```
#9bb7bc
```
#9bb7bc rgb(155,183,188)
```
#aac2c7
```
#aac2c7 rgb(170,194,199)
```

Monochromatic Color

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

#7ca8a4
```
#7ca8a4 rgb(124,168,164)
```
#7ca8a8
```
#7ca8a8 rgb(124,168,168)
```
#7ca5a8
```
#7ca5a8 rgb(124,165,168)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#7c9da8
```
#7c9da8 rgb(124,157,168)
```
#7c9aa8
```
#7c9aa8 rgb(124,154,168)
```
#7c96a8
```
#7c96a8 rgb(124,150,168)
```

Similar Colors

Text with hexadecimal color #7ca1a8

This text has a font color of #7ca1a8.

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

#7ca1a8 background color

This paragraph has a background color of #7ca1a8.

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

#7ca1a8 border color

This element has a border color of #7ca1a8.

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

CSS codes

.text {color:#7ca1a8;}

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

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

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)
```
#0f1516
```
#0f1516 rgb(15,21,22)
```
#172022
```
#172022 rgb(23,32,34)
```
#1e2b2e
```
#1e2b2e rgb(30,43,46)
```
#26373a
```
#26373a rgb(38,55,58)
```
#2e4245
```
#2e4245 rgb(46,66,69)
```
#364d51
```
#364d51 rgb(54,77,81)
```
#3e585d
```
#3e585d rgb(62,88,93)
```
#466369
```
#466369 rgb(70,99,105)
```
#4d6e75
```
#4d6e75 rgb(77,110,117)
```
#557980
```
#557980 rgb(85,121,128)
```
#5d858c
```
#5d858c rgb(93,133,140)
```
#659098
```
#659098 rgb(101,144,152)
```

Shade Color Variation

#7099a0
```
#7099a0 rgb(112,153,160)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#88a9b0
```
#88a9b0 rgb(136,169,176)
```
#94b2b8
```
#94b2b8 rgb(148,178,184)
```
#9fbabf
```
#9fbabf rgb(159,186,191)
```
#abc3c7
```
#abc3c7 rgb(171,195,199)
```
#b7cbcf
```
#b7cbcf rgb(183,203,207)
```
#c3d4d7
```
#c3d4d7 rgb(195,212,215)
```
#cfdcdf
```
#cfdcdf rgb(207,220,223)
```
#dae5e7
```
#dae5e7 rgb(218,229,231)
```
#e6edee
```
#e6edee rgb(230,237,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, #8d9697 is the less saturated color, while #28dafc is the most saturated one.

#8d9697
```
#8d9697 rgb(141,150,151)
```
#849ba0
```
#849ba0 rgb(132,155,160)
```
#7ca1a8
```
#7ca1a8 rgb(124,161,168)
```
#74a7b0
```
#74a7b0 rgb(116,167,176)
```
#6bacb9
```
#6bacb9 rgb(107,172,185)
```
#63b2c1
```
#63b2c1 rgb(99,178,193)
```
#5ab8ca
```
#5ab8ca rgb(90,184,202)
```
#52bed2
```
#52bed2 rgb(82,190,210)
```
#4ac3da
```
#4ac3da rgb(74,195,218)
```
#41c9e3
```
#41c9e3 rgb(65,201,227)
```
#39cfeb
```
#39cfeb rgb(57,207,235)
```
#31d4f3
```
#31d4f3 rgb(49,212,243)
```
#28dafc
```
#28dafc rgb(40,218,252)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#92999a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9ea8 Protanopia 1% of men
#a69baf Deuteranopia 1% of men
#84a5b1 Tritanopia 0.001% of the population

Trichromacy

#929fa8 Protanomaly 1% of men, 0.01% of women
#979dad Deuteranomaly 6% of men, 0.4% of women
#81a3ad Tritanomaly 0.01% of the population

#7ca1a8 hex color

#7ca1a8 Color Information

#7ca1a8 Color Conversion

Color Schemes with #7ca1a8

Alternatives to #7ca1a8

#7ca1a8 Preview

Shades and Tints of #7ca1a8

Tones of #7ca1a8

Color Blindness Simulator