#2aa996 Color Information
In a RGB color space, hex #2aa996 is composed of 16.5% red, 66.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 75.1% cyan, 0% magenta, 11.2% yellow and 33.7% black. It has a hue angle of 171 degrees, a saturation of 60.2% and a lightness of 41.4%. #2aa996 color hex could be obtained by blending #54ffff with #00532d. Closest websafe color is: #339999.
-
- R 16
- G 66
- B 59
-
- C 75
- M 0
- Y 11
- K 34
● #2aa996 color description : Dark cyan.
#2aa996 Color Conversion
The hexadecimal color #2aa996 has RGB values of R:42, G:169, B:150 and CMYK values of C:0.75, M:0, Y:0.11, K:0.34. Its decimal value is 2795926.
| Hex triplet | 2aa996 | #2aa996 |
|---|---|---|
| RGB Decimal | 42, 169, 150 | rgb(42,169,150) |
| RGB Percent | 16.5, 66.3, 58.8 | rgb(16.5%,66.3%,58.8%) |
| CMYK | 75, 0, 11, 34 | |
| HSL | 171°, 60.2, 41.4 | hsl(171,60.2%,41.4%) |
| HSV (or HSB) | 171°, 75.1, 66.3 | |
| Web Safe | 339999 | #339999 |
| CIE-LAB | 62.565, -38.08, 0.089 |
|---|---|
| XYZ | 20.646, 31.068, 33.761 |
| xyY | 0.242, 0.363, 31.068 |
| CIE-LCH | 62.565, 38.08, 179.866 |
| CIE-LUV | 62.565, -46.67, 5.885 |
| Hunter-Lab | 55.739, -31.426, 3.105 |
| Binary | 00101010, 10101001, 10010110 |
Color Schemes with #2aa996
Alternatives to #2aa996
Below, you can see some colors close to #2aa996. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2aa996 Preview
This text has a font color of #2aa996.
<span style="color:#2aa996;">Text here</span>
This paragraph has a background color of #2aa996.
<p style="background-color:#2aa996;">Content here</p>
This element has a border color of #2aa996.
<div style="border:1px solid #2aa996;">Content here</div>
.text {color:#2aa996;}
.background {background-color:#2aa996;}
.border {border:1px solid #2aa996;}
Shades and Tints of #2aa996
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, #030c0b is the darkest color, while #fbfefe is the lightest one.
-
#030c0b
#030c0brgb(3,12,11) -
#071c18
#071c18rgb(7,28,24) -
#0b2b26
#0b2b26rgb(11,43,38) -
#0f3b34
#0f3b34rgb(15,59,52) -
#134b42
#134b42rgb(19,75,66) -
#165a50
#165a50rgb(22,90,80) -
#1a6a5e
#1a6a5ergb(26,106,94) -
#1e7a6c
#1e7a6crgb(30,122,108) -
#228a7a
#228a7argb(34,138,122) -
#269988
#269988rgb(38,153,136) -
#2aa996
#2aa996rgb(42,169,150) -
#2eb9a4
#2eb9a4rgb(46,185,164) -
#32c8b2
#32c8b2rgb(50,200,178)
-
#3fcfba
#3fcfbargb(63,207,186) -
#4ed3bf
#4ed3bfrgb(78,211,191) -
#5ed7c5
#5ed7c5rgb(94,215,197) -
#6edbcb
#6edbcbrgb(110,219,203) -
#7ddfd0
#7ddfd0rgb(125,223,208) -
#8de3d6
#8de3d6rgb(141,227,214) -
#9de7dc
#9de7dcrgb(157,231,220) -
#adebe1
#adebe1rgb(173,235,225) -
#bceee7
#bceee7rgb(188,238,231) -
#ccf2ed
#ccf2edrgb(204,242,237) -
#dcf6f2
#dcf6f2rgb(220,246,242) -
#ebfaf8
#ebfaf8rgb(235,250,248) -
#fbfefe
#fbfefergb(251,254,254)
Tones of #2aa996
A tone is produced by adding gray to any pure hue. In this case, #63706e is the less saturated color, while #01d2b2 is the most saturated one.
-
#63706e
#63706ergb(99,112,110) -
#5b7874
#5b7874rgb(91,120,116) -
#53807a
#53807argb(83,128,122) -
#4a897f
#4a897frgb(74,137,127) -
#429185
#429185rgb(66,145,133) -
#3a998b
#3a998brgb(58,153,139) -
#32a190
#32a190rgb(50,161,144) -
#2aa996
#2aa996rgb(42,169,150) -
#22b19c
#22b19crgb(34,177,156) -
#1ab9a1
#1ab9a1rgb(26,185,161) -
#12c1a7
#12c1a7rgb(18,193,167) -
#0ac9ad
#0ac9adrgb(10,201,173) -
#01d2b2
#01d2b2rgb(1,210,178)
Color Blindness Simulator
Below, you can see how #2aa996 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.
