#3ae4d2 Color Information
In a RGB color space, hex #3ae4d2 is composed of 22.7% red, 89.4% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0% magenta, 7.9% yellow and 10.6% black. It has a hue angle of 173.6 degrees, a saturation of 75.9% and a lightness of 56.1%. #3ae4d2 color hex could be obtained by blending #74ffff with #00c9a5. Closest websafe color is: #33cccc.
-
- R 23
- G 89
- B 82
-
- C 75
- M 0
- Y 8
- K 11
● #3ae4d2 color description : Bright cyan.
#3ae4d2 Color Conversion
The hexadecimal color #3ae4d2 has RGB values of R:58, G:228, B:210 and CMYK values of C:0.75, M:0, Y:0.08, K:0.11. Its decimal value is 3859666.
Hex triplet | 3ae4d2 | #3ae4d2 |
---|---|---|
RGB Decimal | 58, 228, 210 | rgb(58,228,210) |
RGB Percent | 22.7, 89.4, 82.4 | rgb(22.7%,89.4%,82.4%) |
CMYK | 75, 0, 8, 11 | |
HSL | 173.6°, 75.9, 56.1 | hsl(173.6,75.9%,56.1%) |
HSV (or HSB) | 173.6°, 74.6, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 82.398, -45.977, -3.441 |
---|---|
XYZ | 41.117, 61.036, 70.583 |
xyY | 0.238, 0.353, 61.036 |
CIE-LCH | 82.398, 46.106, 184.28 |
CIE-LUV | 82.398, -61.137, 1.94 |
Hunter-Lab | 78.125, -42.775, 1.121 |
Binary | 00111010, 11100100, 11010010 |
Color Schemes with #3ae4d2
Alternatives to #3ae4d2
Below, you can see some colors close to #3ae4d2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ae4d2 Preview
This text has a font color of #3ae4d2.
<span style="color:#3ae4d2;">Text here</span>
This paragraph has a background color of #3ae4d2.
<p style="background-color:#3ae4d2;">Content here</p>
This element has a border color of #3ae4d2.
<div style="border:1px solid #3ae4d2;">Content here</div>
.text {color:#3ae4d2;}
.background {background-color:#3ae4d2;}
.border {border:1px solid #3ae4d2;}
Shades and Tints of #3ae4d2
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, #010a09 is the darkest color, while #f8fefd is the lightest one.
-
#010a09
#010a09
rgb(1,10,9)
-
#041b19
#041b19
rgb(4,27,25)
-
#062d28
#062d28
rgb(6,45,40)
-
#083e38
#083e38
rgb(8,62,56)
-
#0b4f48
#0b4f48
rgb(11,79,72)
-
#0d6057
#0d6057
rgb(13,96,87)
-
#107267
#107267
rgb(16,114,103)
-
#128377
#128377
rgb(18,131,119)
-
#149486
#149486
rgb(20,148,134)
-
#17a596
#17a596
rgb(23,165,150)
-
#19b7a6
#19b7a6
rgb(25,183,166)
-
#1bc8b6
#1bc8b6
rgb(27,200,182)
-
#1ed9c5
#1ed9c5
rgb(30,217,197)
-
#29e2ce
#29e2ce
rgb(41,226,206)
-
#3ae4d2
#3ae4d2
rgb(58,228,210)
-
#4be6d6
#4be6d6
rgb(75,230,214)
-
#5de9da
#5de9da
rgb(93,233,218)
-
#6eebde
#6eebde
rgb(110,235,222)
-
#7fede2
#7fede2
rgb(127,237,226)
-
#90f0e6
#90f0e6
rgb(144,240,230)
-
#a2f2ea
#a2f2ea
rgb(162,242,234)
-
#b3f5ee
#b3f5ee
rgb(179,245,238)
-
#c4f7f2
#c4f7f2
rgb(196,247,242)
-
#d5f9f5
#d5f9f5
rgb(213,249,245)
-
#e7fcf9
#e7fcf9
rgb(231,252,249)
-
#f8fefd
#f8fefd
rgb(248,254,253)
Tones of #3ae4d2
A tone is produced by adding gray to any pure hue. In this case, #889695 is the less saturated color, while #20fee6 is the most saturated one.
-
#889695
#889695
rgb(136,150,149)
-
#7f9f9c
#7f9f9c
rgb(127,159,156)
-
#76a8a2
#76a8a2
rgb(118,168,162)
-
#6eb0a9
#6eb0a9
rgb(110,176,169)
-
#65b9b0
#65b9b0
rgb(101,185,176)
-
#5cc2b7
#5cc2b7
rgb(92,194,183)
-
#54cabe
#54cabe
rgb(84,202,190)
-
#4bd3c4
#4bd3c4
rgb(75,211,196)
-
#43dbcb
#43dbcb
rgb(67,219,203)
-
#3ae4d2
#3ae4d2
rgb(58,228,210)
-
#31edd9
#31edd9
rgb(49,237,217)
-
#29f5e0
#29f5e0
rgb(41,245,224)
-
#20fee6
#20fee6
rgb(32,254,230)
Color Blindness Simulator
Below, you can see how #3ae4d2 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.