#3aae96 Color Information
In a RGB color space, hex #3aae96 is composed of 22.7% red, 68.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 0% magenta, 13.8% yellow and 31.8% black. It has a hue angle of 167.6 degrees, a saturation of 50% and a lightness of 45.5%. #3aae96 color hex could be obtained by blending #74ffff with #005d2d. Closest websafe color is: #339999.
-
- R 23
- G 68
- B 59
-
- C 67
- M 0
- Y 14
- K 32
● #3aae96 color description : Dark moderate cyan.
#3aae96 Color Conversion
The hexadecimal color #3aae96 has RGB values of R:58, G:174, B:150 and CMYK values of C:0.67, M:0, Y:0.14, K:0.32. Its decimal value is 3845782.
Hex triplet | 3aae96 | #3aae96 |
---|---|---|
RGB Decimal | 58, 174, 150 | rgb(58,174,150) |
RGB Percent | 22.7, 68.2, 58.8 | rgb(22.7%,68.2%,58.8%) |
CMYK | 67, 0, 14, 32 | |
HSL | 167.6°, 50, 45.5 | hsl(167.6,50%,45.5%) |
HSV (or HSB) | 167.6°, 66.7, 68.2 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.461, -38.042, 2.887 |
---|---|
XYZ | 22.384, 33.372, 34.114 |
xyY | 0.249, 0.371, 33.372 |
CIE-LCH | 64.461, 38.151, 175.66 |
CIE-LUV | 64.461, -45.797, 10.042 |
Hunter-Lab | 57.768, -31.929, 5.425 |
Binary | 00111010, 10101110, 10010110 |
Color Schemes with #3aae96
Alternatives to #3aae96
Below, you can see some colors close to #3aae96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3aae96 Preview
This text has a font color of #3aae96.
<span style="color:#3aae96;">Text here</span>
This paragraph has a background color of #3aae96.
<p style="background-color:#3aae96;">Content here</p>
This element has a border color of #3aae96.
<div style="border:1px solid #3aae96;">Content here</div>
.text {color:#3aae96;}
.background {background-color:#3aae96;}
.border {border:1px solid #3aae96;}
Shades and Tints of #3aae96
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, #040c0a is the darkest color, while #fcfefe is the lightest one.
-
#040c0a
#040c0a
rgb(4,12,10)
-
#091b17
#091b17
rgb(9,27,23)
-
#0e2a24
#0e2a24
rgb(14,42,36)
-
#133831
#133831
rgb(19,56,49)
-
#18473d
#18473d
rgb(24,71,61)
-
#1d564a
#1d564a
rgb(29,86,74)
-
#216457
#216457
rgb(33,100,87)
-
#267363
#267363
rgb(38,115,99)
-
#2b8270
#2b8270
rgb(43,130,112)
-
#30917d
#30917d
rgb(48,145,125)
-
#359f89
#359f89
rgb(53,159,137)
-
#3aae96
#3aae96
rgb(58,174,150)
-
#3fbda3
#3fbda3
rgb(63,189,163)
-
#4cc3ab
#4cc3ab
rgb(76,195,171)
-
#5bc8b2
#5bc8b2
rgb(91,200,178)
-
#69cdb8
#69cdb8
rgb(105,205,184)
-
#78d2bf
#78d2bf
rgb(120,210,191)
-
#87d7c6
#87d7c6
rgb(135,215,198)
-
#95dccd
#95dccd
rgb(149,220,205)
-
#a4e1d4
#a4e1d4
rgb(164,225,212)
-
#b3e6db
#b3e6db
rgb(179,230,219)
-
#c2ebe2
#c2ebe2
rgb(194,235,226)
-
#d0efe9
#d0efe9
rgb(208,239,233)
-
#dff4f0
#dff4f0
rgb(223,244,240)
-
#eef9f7
#eef9f7
rgb(238,249,247)
-
#fcfefe
#fcfefe
rgb(252,254,254)
Tones of #3aae96
A tone is produced by adding gray to any pure hue. In this case, #707877 is the less saturated color, while #04e4b5 is the most saturated one.
-
#707877
#707877
rgb(112,120,119)
-
#67817c
#67817c
rgb(103,129,124)
-
#5e8a81
#5e8a81
rgb(94,138,129)
-
#559386
#559386
rgb(85,147,134)
-
#4c9c8c
#4c9c8c
rgb(76,156,140)
-
#43a591
#43a591
rgb(67,165,145)
-
#3aae96
#3aae96
rgb(58,174,150)
-
#31b79b
#31b79b
rgb(49,183,155)
-
#28c0a0
#28c0a0
rgb(40,192,160)
-
#1fc9a6
#1fc9a6
rgb(31,201,166)
-
#16d2ab
#16d2ab
rgb(22,210,171)
-
#0ddbb0
#0ddbb0
rgb(13,219,176)
-
#04e4b5
#04e4b5
rgb(4,228,181)
Color Blindness Simulator
Below, you can see how #3aae96 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.