#3ae2e0 Color Information
In a RGB color space, hex #3ae2e0 is composed of 22.7% red, 88.6% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 0.9% yellow and 11.4% black. It has a hue angle of 179.3 degrees, a saturation of 74.3% and a lightness of 55.7%. #3ae2e0 color hex could be obtained by blending #74ffff with #00c5c1. Closest websafe color is: #33cccc.
-
- R 23
- G 89
- B 88
-
- C 74
- M 0
- Y 1
- K 11
● #3ae2e0 color description : Bright cyan.
#3ae2e0 Color Conversion
The hexadecimal color #3ae2e0 has RGB values of R:58, G:226, B:224 and CMYK values of C:0.74, M:0, Y:0.01, K:0.11. Its decimal value is 3859168.
Hex triplet | 3ae2e0 | #3ae2e0 |
---|---|---|
RGB Decimal | 58, 226, 224 | rgb(58,226,224) |
RGB Percent | 22.7, 88.6, 87.8 | rgb(22.7%,88.6%,87.8%) |
CMYK | 74, 0, 1, 11 | |
HSL | 179.3°, 74.3, 55.7 | hsl(179.3,74.3%,55.7%) |
HSV (or HSB) | 179.3°, 74.3, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 82.201, -41.262, -11.153 |
---|---|
XYZ | 42.392, 60.67, 79.993 |
xyY | 0.232, 0.331, 60.67 |
CIE-LCH | 82.201, 42.743, 195.126 |
CIE-LUV | 82.201, -59.454, -11.134 |
Hunter-Lab | 77.891, -39.162, -6.367 |
Binary | 00111010, 11100010, 11100000 |
Color Schemes with #3ae2e0
Alternatives to #3ae2e0
Below, you can see some colors close to #3ae2e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ae2e0 Preview
This text has a font color of #3ae2e0.
<span style="color:#3ae2e0;">Text here</span>
This paragraph has a background color of #3ae2e0.
<p style="background-color:#3ae2e0;">Content here</p>
This element has a border color of #3ae2e0.
<div style="border:1px solid #3ae2e0;">Content here</div>
.text {color:#3ae2e0;}
.background {background-color:#3ae2e0;}
.border {border:1px solid #3ae2e0;}
Shades and Tints of #3ae2e0
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, #010808 is the darkest color, while #f6fefe is the lightest one.
-
#010808
#010808
rgb(1,8,8)
-
#041919
#041919
rgb(4,25,25)
-
#062a2a
#062a2a
rgb(6,42,42)
-
#093b3b
#093b3b
rgb(9,59,59)
-
#0b4d4c
#0b4d4c
rgb(11,77,76)
-
#0e5e5d
#0e5e5d
rgb(14,94,93)
-
#106f6e
#106f6e
rgb(16,111,110)
-
#13807f
#13807f
rgb(19,128,127)
-
#15918f
#15918f
rgb(21,145,143)
-
#18a2a0
#18a2a0
rgb(24,162,160)
-
#1ab3b1
#1ab3b1
rgb(26,179,177)
-
#1dc4c2
#1dc4c2
rgb(29,196,194)
-
#1fd5d3
#1fd5d3
rgb(31,213,211)
-
#29dfdd
#29dfdd
rgb(41,223,221)
-
#3ae2e0
#3ae2e0
rgb(58,226,224)
-
#4be5e3
#4be5e3
rgb(75,229,227)
-
#5ce7e5
#5ce7e5
rgb(92,231,229)
-
#6deae8
#6deae8
rgb(109,234,232)
-
#7eeceb
#7eeceb
rgb(126,236,235)
-
#8fefed
#8fefed
rgb(143,239,237)
-
#a1f1f0
#a1f1f0
rgb(161,241,240)
-
#b2f4f3
#b2f4f3
rgb(178,244,243)
-
#c3f6f6
#c3f6f6
rgb(195,246,246)
-
#d4f9f8
#d4f9f8
rgb(212,249,248)
-
#e5fbfb
#e5fbfb
rgb(229,251,251)
-
#f6fefe
#f6fefe
rgb(246,254,254)
Tones of #3ae2e0
A tone is produced by adding gray to any pure hue. In this case, #889494 is the less saturated color, while #20fcf9 is the most saturated one.
-
#889494
#889494
rgb(136,148,148)
-
#809c9c
#809c9c
rgb(128,156,156)
-
#77a5a5
#77a5a5
rgb(119,165,165)
-
#6eaead
#6eaead
rgb(110,174,173)
-
#65b7b6
#65b7b6
rgb(101,183,182)
-
#5dbfbe
#5dbfbe
rgb(93,191,190)
-
#54c8c7
#54c8c7
rgb(84,200,199)
-
#4bd1cf
#4bd1cf
rgb(75,209,207)
-
#43d9d8
#43d9d8
rgb(67,217,216)
-
#3ae2e0
#3ae2e0
rgb(58,226,224)
-
#31ebe8
#31ebe8
rgb(49,235,232)
-
#29f3f1
#29f3f1
rgb(41,243,241)
-
#20fcf9
#20fcf9
rgb(32,252,249)
Color Blindness Simulator
Below, you can see how #3ae2e0 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.