#7caaa2 Color Information
In a RGB color space, hex #7caaa2 is composed of 48.6% red, 66.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 27.1% cyan, 0% magenta, 4.7% yellow and 33.3% black. It has a hue angle of 169.6 degrees, a saturation of 21.3% and a lightness of 57.6%. #7caaa2 color hex could be obtained by blending #f8ffff with #005545. Closest websafe color is: #669999.
-
- R 49
- G 67
- B 64
-
- C 27
- M 0
- Y 5
- K 33
● #7caaa2 color description : Mostly desaturated dark cyan.
#7caaa2 Color Conversion
The hexadecimal color #7caaa2 has RGB values of R:124, G:170, B:162 and CMYK values of C:0.27, M:0, Y:0.05, K:0.33. Its decimal value is 8170146.
Hex triplet | 7caaa2 | #7caaa2 |
---|---|---|
RGB Decimal | 124, 170, 162 | rgb(124,170,162) |
RGB Percent | 48.6, 66.7, 63.5 | rgb(48.6%,66.7%,63.5%) |
CMYK | 27, 0, 5, 33 | |
HSL | 169.6°, 21.3, 57.6 | hsl(169.6,21.3%,57.6%) |
HSV (or HSB) | 169.6°, 27.1, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 66.246, -17.101, -0.863 |
---|---|
XYZ | 29.207, 35.642, 39.521 |
xyY | 0.28, 0.341, 35.642 |
CIE-LCH | 66.246, 17.123, 182.889 |
CIE-LUV | 66.246, -22.942, 1.496 |
Hunter-Lab | 59.701, -17.151, 2.542 |
Binary | 01111100, 10101010, 10100010 |
Color Schemes with #7caaa2
Alternatives to #7caaa2
Below, you can see some colors close to #7caaa2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7caaa2 Preview
This text has a font color of #7caaa2.
<span style="color:#7caaa2;">Text here</span>
This paragraph has a background color of #7caaa2.
<p style="background-color:#7caaa2;">Content here</p>
This element has a border color of #7caaa2.
<div style="border:1px solid #7caaa2;">Content here</div>
.text {color:#7caaa2;}
.background {background-color:#7caaa2;}
.border {border:1px solid #7caaa2;}
Shades and Tints of #7caaa2
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)
-
#1f2f2d
#1f2f2d
rgb(31,47,45)
-
#273b38
#273b38
rgb(39,59,56)
-
#2e4743
#2e4743
rgb(46,71,67)
-
#36534e
#36534e
rgb(54,83,78)
-
#3e5f59
#3e5f59
rgb(62,95,89)
-
#456b64
#456b64
rgb(69,107,100)
-
#4d7770
#4d7770
rgb(77,119,112)
-
#55837b
#55837b
rgb(85,131,123)
-
#5d8f86
#5d8f86
rgb(93,143,134)
-
#649b91
#649b91
rgb(100,155,145)
-
#70a29a
#70a29a
rgb(112,162,154)
-
#7caaa2
#7caaa2
rgb(124,170,162)
-
#88b2aa
#88b2aa
rgb(136,178,170)
-
#94b9b3
#94b9b3
rgb(148,185,179)
-
#a0c1bb
#a0c1bb
rgb(160,193,187)
-
#acc9c4
#acc9c4
rgb(172,201,196)
-
#b7d1cc
#b7d1cc
rgb(183,209,204)
-
#c3d8d5
#c3d8d5
rgb(195,216,213)
-
#cfe0dd
#cfe0dd
rgb(207,224,221)
-
#dbe8e6
#dbe8e6
rgb(219,232,230)
-
#e7efee
#e7efee
rgb(231,239,238)
-
#f3f7f6
#f3f7f6
rgb(243,247,246)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #7caaa2
A tone is produced by adding gray to any pure hue. In this case, #8d9997 is the less saturated color, while #29fdd8 is the most saturated one.
-
#8d9997
#8d9997
rgb(141,153,151)
-
#84a29d
#84a29d
rgb(132,162,157)
-
#7caaa2
#7caaa2
rgb(124,170,162)
-
#74b2a7
#74b2a7
rgb(116,178,167)
-
#6bbbad
#6bbbad
rgb(107,187,173)
-
#63c3b2
#63c3b2
rgb(99,195,178)
-
#5bcbb8
#5bcbb8
rgb(91,203,184)
-
#52d4bd
#52d4bd
rgb(82,212,189)
-
#4adcc3
#4adcc3
rgb(74,220,195)
-
#42e4c8
#42e4c8
rgb(66,228,200)
-
#3aeccd
#3aeccd
rgb(58,236,205)
-
#31f5d3
#31f5d3
rgb(49,245,211)
-
#29fdd8
#29fdd8
rgb(41,253,216)
Color Blindness Simulator
Below, you can see how #7caaa2 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.