#7ba4aa Color Information
In a RGB color space, hex #7ba4aa is composed of 48.2% red, 64.3% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 3.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 187.7 degrees, a saturation of 21.7% and a lightness of 57.5%. #7ba4aa color hex could be obtained by blending #f6ffff with #004955. Closest websafe color is: #669999.
-
- R 48
- G 64
- B 67
-
- C 28
- M 4
- Y 0
- K 33
● #7ba4aa color description : Mostly desaturated dark cyan.
#7ba4aa Color Conversion
The hexadecimal color #7ba4aa has RGB values of R:123, G:164, B:170 and CMYK values of C:0.28, M:0.04, Y:0, K:0.33. Its decimal value is 8103082.
Hex triplet | 7ba4aa | #7ba4aa |
---|---|---|
RGB Decimal | 123, 164, 170 | rgb(123,164,170) |
RGB Percent | 48.2, 64.3, 66.7 | rgb(48.2%,64.3%,66.7%) |
CMYK | 28, 4, 0, 33 | |
HSL | 187.7°, 21.7, 57.5 | hsl(187.7,21.7%,57.5%) |
HSV (or HSB) | 187.7°, 27.6, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 64.694, -12.387, -7.622 |
---|---|
XYZ | 28.698, 33.663, 43.014 |
xyY | 0.272, 0.319, 33.663 |
CIE-LCH | 64.694, 14.544, 211.606 |
CIE-LUV | 64.694, -20.705, -9.381 |
Hunter-Lab | 58.02, -13.245, -3.341 |
Binary | 01111011, 10100100, 10101010 |
Color Schemes with #7ba4aa
Alternatives to #7ba4aa
Below, you can see some colors close to #7ba4aa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#7ba4aa Preview
This text has a font color of #7ba4aa.
<span style="color:#7ba4aa;">Text here</span>
This paragraph has a background color of #7ba4aa.
<p style="background-color:#7ba4aa;">Content here</p>
This element has a border color of #7ba4aa.
<div style="border:1px solid #7ba4aa;">Content here</div>
.text {color:#7ba4aa;}
.background {background-color:#7ba4aa;}
.border {border:1px solid #7ba4aa;}
Shades and Tints of #7ba4aa
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, #070b0b is the darkest color, while #fefeff is the lightest one.
-
#070b0b
#070b0b
rgb(7,11,11)
-
#0f1617
#0f1617
rgb(15,22,23)
-
#172123
#172123
rgb(23,33,35)
-
#1e2d2f
#1e2d2f
rgb(30,45,47)
-
#26383b
#26383b
rgb(38,56,59)
-
#2e4447
#2e4447
rgb(46,68,71)
-
#354f53
#354f53
rgb(53,79,83)
-
#3d5a5f
#3d5a5f
rgb(61,90,95)
-
#45666b
#45666b
rgb(69,102,107)
-
#4c7177
#4c7177
rgb(76,113,119)
-
#547d83
#547d83
rgb(84,125,131)
-
#5c888e
#5c888e
rgb(92,136,142)
-
#63939a
#63939a
rgb(99,147,154)
-
#6f9ca2
#6f9ca2
rgb(111,156,162)
-
#7ba4aa
#7ba4aa
rgb(123,164,170)
-
#87acb2
#87acb2
rgb(135,172,178)
-
#93b4b9
#93b4b9
rgb(147,180,185)
-
#9fbdc1
#9fbdc1
rgb(159,189,193)
-
#abc5c9
#abc5c9
rgb(171,197,201)
-
#b7cdd0
#b7cdd0
rgb(183,205,208)
-
#c3d5d8
#c3d5d8
rgb(195,213,216)
-
#cfdee0
#cfdee0
rgb(207,222,224)
-
#dae6e7
#dae6e7
rgb(218,230,231)
-
#e6eeef
#e6eeef
rgb(230,238,239)
-
#f2f6f7
#f2f6f7
rgb(242,246,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #7ba4aa
A tone is produced by adding gray to any pure hue. In this case, #8c9899 is the less saturated color, while #28e2fd is the most saturated one.
-
#8c9899
#8c9899
rgb(140,152,153)
-
#839ea2
#839ea2
rgb(131,158,162)
-
#7ba4aa
#7ba4aa
rgb(123,164,170)
-
#73aab2
#73aab2
rgb(115,170,178)
-
#6ab0bb
#6ab0bb
rgb(106,176,187)
-
#62b7c3
#62b7c3
rgb(98,183,195)
-
#5abdcb
#5abdcb
rgb(90,189,203)
-
#51c3d4
#51c3d4
rgb(81,195,212)
-
#49c9dc
#49c9dc
rgb(73,201,220)
-
#41d0e4
#41d0e4
rgb(65,208,228)
-
#38d6ed
#38d6ed
rgb(56,214,237)
-
#30dcf5
#30dcf5
rgb(48,220,245)
-
#28e2fd
#28e2fd
rgb(40,226,253)
Color Blindness Simulator
Below, you can see how #7ba4aa 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.