#3ae2de Color Information
In a RGB color space, hex #3ae2de is composed of 22.7% red, 88.6% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 74.3% cyan, 0% magenta, 1.8% yellow and 11.4% black. It has a hue angle of 178.6 degrees, a saturation of 74.3% and a lightness of 55.7%. #3ae2de color hex could be obtained by blending #74ffff with #00c5bd. Closest websafe color is: #33cccc.
-
- R 23
- G 89
- B 87
-
- C 74
- M 0
- Y 2
- K 11
● #3ae2de color description : Bright cyan.
#3ae2de Color Conversion
The hexadecimal color #3ae2de has RGB values of R:58, G:226, B:222 and CMYK values of C:0.74, M:0, Y:0.02, K:0.11. Its decimal value is 3859166.
Hex triplet | 3ae2de | #3ae2de |
---|---|---|
RGB Decimal | 58, 226, 222 | rgb(58,226,222) |
RGB Percent | 22.7, 88.6, 87.1 | rgb(22.7%,88.6%,87.1%) |
CMYK | 74, 0, 2, 11 | |
HSL | 178.6°, 74.3, 55.7 | hsl(178.6,74.3%,55.7%) |
HSV (or HSB) | 178.6°, 74.3, 88.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 82.143, -41.823, -10.179 |
---|---|
XYZ | 42.122, 60.562, 78.573 |
xyY | 0.232, 0.334, 60.562 |
CIE-LCH | 82.143, 43.044, 193.679 |
CIE-LUV | 82.143, -59.596, -9.466 |
Hunter-Lab | 77.822, -39.573, -5.387 |
Binary | 00111010, 11100010, 11011110 |
Color Schemes with #3ae2de
Alternatives to #3ae2de
Below, you can see some colors close to #3ae2de. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ae2de Preview
This text has a font color of #3ae2de.
<span style="color:#3ae2de;">Text here</span>
This paragraph has a background color of #3ae2de.
<p style="background-color:#3ae2de;">Content here</p>
This element has a border color of #3ae2de.
<div style="border:1px solid #3ae2de;">Content here</div>
.text {color:#3ae2de;}
.background {background-color:#3ae2de;}
.border {border:1px solid #3ae2de;}
Shades and Tints of #3ae2de
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)
-
#093b3a
#093b3a
rgb(9,59,58)
-
#0b4d4b
#0b4d4b
rgb(11,77,75)
-
#0e5e5c
#0e5e5c
rgb(14,94,92)
-
#106f6d
#106f6d
rgb(16,111,109)
-
#13807d
#13807d
rgb(19,128,125)
-
#15918e
#15918e
rgb(21,145,142)
-
#18a29f
#18a29f
rgb(24,162,159)
-
#1ab3b0
#1ab3b0
rgb(26,179,176)
-
#1dc4c0
#1dc4c0
rgb(29,196,192)
-
#1fd5d1
#1fd5d1
rgb(31,213,209)
-
#29dfdb
#29dfdb
rgb(41,223,219)
-
#3ae2de
#3ae2de
rgb(58,226,222)
-
#4be5e1
#4be5e1
rgb(75,229,225)
-
#5ce7e4
#5ce7e4
rgb(92,231,228)
-
#6deae7
#6deae7
rgb(109,234,231)
-
#7eece9
#7eece9
rgb(126,236,233)
-
#8fefec
#8fefec
rgb(143,239,236)
-
#a1f1ef
#a1f1ef
rgb(161,241,239)
-
#b2f4f2
#b2f4f2
rgb(178,244,242)
-
#c3f6f5
#c3f6f5
rgb(195,246,245)
-
#d4f9f8
#d4f9f8
rgb(212,249,248)
-
#e5fbfb
#e5fbfb
rgb(229,251,251)
-
#f6fefe
#f6fefe
rgb(246,254,254)
Tones of #3ae2de
A tone is produced by adding gray to any pure hue. In this case, #889493 is the less saturated color, while #20fcf7 is the most saturated one.
-
#889493
#889493
rgb(136,148,147)
-
#809c9c
#809c9c
rgb(128,156,156)
-
#77a5a4
#77a5a4
rgb(119,165,164)
-
#6eaeac
#6eaeac
rgb(110,174,172)
-
#65b7b5
#65b7b5
rgb(101,183,181)
-
#5dbfbd
#5dbfbd
rgb(93,191,189)
-
#54c8c5
#54c8c5
rgb(84,200,197)
-
#4bd1cd
#4bd1cd
rgb(75,209,205)
-
#43d9d6
#43d9d6
rgb(67,217,214)
-
#3ae2de
#3ae2de
rgb(58,226,222)
-
#31ebe6
#31ebe6
rgb(49,235,230)
-
#29f3ef
#29f3ef
rgb(41,243,239)
-
#20fcf7
#20fcf7
rgb(32,252,247)
Color Blindness Simulator
Below, you can see how #3ae2de 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.