#3ae4e2 Color Information
In a RGB color space, hex #3ae4e2 is composed of 22.7% red, 89.4% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 0.9% yellow and 10.6% black. It has a hue angle of 179.3 degrees, a saturation of 75.9% and a lightness of 56.1%. #3ae4e2 color hex could be obtained by blending #74ffff with #00c9c5. Closest websafe color is: #33cccc.
-
- R 23
- G 89
- B 89
-
- C 75
- M 0
- Y 1
- K 11
● #3ae4e2 color description : Bright cyan.
#3ae4e2 Color Conversion
The hexadecimal color #3ae4e2 has RGB values of R:58, G:228, B:226 and CMYK values of C:0.75, M:0, Y:0.01, K:0.11. Its decimal value is 3859682.
Hex triplet | 3ae4e2 | #3ae4e2 |
---|---|---|
RGB Decimal | 58, 228, 226 | rgb(58,228,226) |
RGB Percent | 22.7, 89.4, 88.6 | rgb(22.7%,89.4%,88.6%) |
CMYK | 75, 0, 1, 11 | |
HSL | 179.3°, 75.9, 56.1 | hsl(179.3,75.9%,56.1%) |
HSV (or HSB) | 179.3°, 74.6, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 82.846, -41.595, -11.251 |
---|---|
XYZ | 43.212, 61.873, 81.613 |
xyY | 0.231, 0.331, 61.873 |
CIE-LCH | 82.846, 43.09, 195.136 |
CIE-LUV | 82.846, -60.004, -11.253 |
Hunter-Lab | 78.66, -39.595, -6.454 |
Binary | 00111010, 11100100, 11100010 |
Color Schemes with #3ae4e2
Alternatives to #3ae4e2
Below, you can see some colors close to #3ae4e2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ae4e2 Preview
This text has a font color of #3ae4e2.
<span style="color:#3ae4e2;">Text here</span>
This paragraph has a background color of #3ae4e2.
<p style="background-color:#3ae4e2;">Content here</p>
This element has a border color of #3ae4e2.
<div style="border:1px solid #3ae4e2;">Content here</div>
.text {color:#3ae4e2;}
.background {background-color:#3ae4e2;}
.border {border:1px solid #3ae4e2;}
Shades and Tints of #3ae4e2
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, #010a0a is the darkest color, while #f8fefe is the lightest one.
-
#010a0a
#010a0a
rgb(1,10,10)
-
#041b1b
#041b1b
rgb(4,27,27)
-
#062d2c
#062d2c
rgb(6,45,44)
-
#083e3d
#083e3d
rgb(8,62,61)
-
#0b4f4e
#0b4f4e
rgb(11,79,78)
-
#0d605f
#0d605f
rgb(13,96,95)
-
#107270
#107270
rgb(16,114,112)
-
#128381
#128381
rgb(18,131,129)
-
#149493
#149493
rgb(20,148,147)
-
#17a5a4
#17a5a4
rgb(23,165,164)
-
#19b7b5
#19b7b5
rgb(25,183,181)
-
#1bc8c6
#1bc8c6
rgb(27,200,198)
-
#1ed9d7
#1ed9d7
rgb(30,217,215)
-
#29e2df
#29e2df
rgb(41,226,223)
-
#3ae4e2
#3ae4e2
rgb(58,228,226)
-
#4be6e5
#4be6e5
rgb(75,230,229)
-
#5de9e7
#5de9e7
rgb(93,233,231)
-
#6eebea
#6eebea
rgb(110,235,234)
-
#7fedec
#7fedec
rgb(127,237,236)
-
#90f0ef
#90f0ef
rgb(144,240,239)
-
#a2f2f1
#a2f2f1
rgb(162,242,241)
-
#b3f5f4
#b3f5f4
rgb(179,245,244)
-
#c4f7f6
#c4f7f6
rgb(196,247,246)
-
#d5f9f9
#d5f9f9
rgb(213,249,249)
-
#e7fcfb
#e7fcfb
rgb(231,252,251)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #3ae4e2
A tone is produced by adding gray to any pure hue. In this case, #889696 is the less saturated color, while #20fefb is the most saturated one.
-
#889696
#889696
rgb(136,150,150)
-
#7f9f9f
#7f9f9f
rgb(127,159,159)
-
#76a8a7
#76a8a7
rgb(118,168,167)
-
#6eb0b0
#6eb0b0
rgb(110,176,176)
-
#65b9b8
#65b9b8
rgb(101,185,184)
-
#5cc2c0
#5cc2c0
rgb(92,194,192)
-
#54cac9
#54cac9
rgb(84,202,201)
-
#4bd3d1
#4bd3d1
rgb(75,211,209)
-
#43dbda
#43dbda
rgb(67,219,218)
-
#3ae4e2
#3ae4e2
rgb(58,228,226)
-
#31edea
#31edea
rgb(49,237,234)
-
#29f5f3
#29f5f3
rgb(41,245,243)
-
#20fefb
#20fefb
rgb(32,254,251)
Color Blindness Simulator
Below, you can see how #3ae4e2 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.