#7caa9f Color Information
In a RGB color space, hex #7caa9f is composed of 48.6% red, 66.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 6.5% yellow and 33.3% black. It has a hue angle of 165.7 degrees, a saturation of 21.3% and a lightness of 57.6%. #7caa9f color hex could be obtained by blending #f8ffff with #00553f. Closest websafe color is: #669999.
-
- R 49
- G 67
- B 62
-
- C 27
- M 0
- Y 6
- K 33
● #7caa9f color description : Mostly desaturated dark cyan.
#7caa9f Color Conversion
The hexadecimal color #7caa9f has RGB values of R:124, G:170, B:159 and CMYK values of C:0.27, M:0, Y:0.06, K:0.33. Its decimal value is 8170143.
Hex triplet | 7caa9f | #7caa9f |
---|---|---|
RGB Decimal | 124, 170, 159 | rgb(124,170,159) |
RGB Percent | 48.6, 66.7, 62.4 | rgb(48.6%,66.7%,62.4%) |
CMYK | 27, 0, 6, 33 | |
HSL | 165.7°, 21.3, 57.6 | hsl(165.7,21.3%,57.6%) |
HSV (or HSB) | 165.7°, 27.1, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 66.164, -17.769, 0.687 |
---|---|
XYZ | 28.943, 35.537, 38.133 |
xyY | 0.282, 0.346, 35.537 |
CIE-LCH | 66.164, 17.783, 177.786 |
CIE-LUV | 66.164, -22.946, 3.879 |
Hunter-Lab | 59.613, -17.656, 3.802 |
Binary | 01111100, 10101010, 10011111 |
Color Schemes with #7caa9f
Alternatives to #7caa9f
Below, you can see some colors close to #7caa9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7caa9f Preview
This text has a font color of #7caa9f.
<span style="color:#7caa9f;">Text here</span>
This paragraph has a background color of #7caa9f.
<p style="background-color:#7caa9f;">Content here</p>
This element has a border color of #7caa9f.
<div style="border:1px solid #7caa9f;">Content here</div>
.text {color:#7caa9f;}
.background {background-color:#7caa9f;}
.border {border:1px solid #7caa9f;}
Shades and Tints of #7caa9f
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)
-
#0f1816
#0f1816
rgb(15,24,22)
-
#172421
#172421
rgb(23,36,33)
-
#1f2f2b
#1f2f2b
rgb(31,47,43)
-
#273b36
#273b36
rgb(39,59,54)
-
#2e4741
#2e4741
rgb(46,71,65)
-
#36534c
#36534c
rgb(54,83,76)
-
#3e5f57
#3e5f57
rgb(62,95,87)
-
#456b62
#456b62
rgb(69,107,98)
-
#4d776d
#4d776d
rgb(77,119,109)
-
#558378
#558378
rgb(85,131,120)
-
#5d8f83
#5d8f83
rgb(93,143,131)
-
#649b8e
#649b8e
rgb(100,155,142)
-
#70a296
#70a296
rgb(112,162,150)
-
#7caa9f
#7caa9f
rgb(124,170,159)
-
#88b2a8
#88b2a8
rgb(136,178,168)
-
#94b9b0
#94b9b0
rgb(148,185,176)
-
#a0c1b9
#a0c1b9
rgb(160,193,185)
-
#acc9c2
#acc9c2
rgb(172,201,194)
-
#b7d1cb
#b7d1cb
rgb(183,209,203)
-
#c3d8d3
#c3d8d3
rgb(195,216,211)
-
#cfe0dc
#cfe0dc
rgb(207,224,220)
-
#dbe8e5
#dbe8e5
rgb(219,232,229)
-
#e7efed
#e7efed
rgb(231,239,237)
-
#f3f7f6
#f3f7f6
rgb(243,247,246)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #7caa9f
A tone is produced by adding gray to any pure hue. In this case, #8d9996 is the less saturated color, while #29fdca is the most saturated one.
-
#8d9996
#8d9996
rgb(141,153,150)
-
#84a29b
#84a29b
rgb(132,162,155)
-
#7caa9f
#7caa9f
rgb(124,170,159)
-
#74b2a3
#74b2a3
rgb(116,178,163)
-
#6bbba8
#6bbba8
rgb(107,187,168)
-
#63c3ac
#63c3ac
rgb(99,195,172)
-
#5bcbb0
#5bcbb0
rgb(91,203,176)
-
#52d4b5
#52d4b5
rgb(82,212,181)
-
#4adcb9
#4adcb9
rgb(74,220,185)
-
#42e4bd
#42e4bd
rgb(66,228,189)
-
#3aecc2
#3aecc2
rgb(58,236,194)
-
#31f5c6
#31f5c6
rgb(49,245,198)
-
#29fdca
#29fdca
rgb(41,253,202)
Color Blindness Simulator
Below, you can see how #7caa9f 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.