#3ae2e4 Color Information
In a RGB color space, hex #3ae2e4 is composed of 22.7% red, 88.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 0.9% magenta, 0% yellow and 10.6% black. It has a hue angle of 180.7 degrees, a saturation of 75.9% and a lightness of 56.1%. #3ae2e4 color hex could be obtained by blending #74ffff with #00c5c9. Closest websafe color is: #33cccc.
-
- R 23
- G 89
- B 89
-
- C 75
- M 1
- Y 0
- K 11
● #3ae2e4 color description : Bright cyan.
#3ae2e4 Color Conversion
The hexadecimal color #3ae2e4 has RGB values of R:58, G:226, B:228 and CMYK values of C:0.75, M:0.01, Y:0, K:0.11. Its decimal value is 3859172.
Hex triplet | 3ae2e4 | #3ae2e4 |
---|---|---|
RGB Decimal | 58, 226, 228 | rgb(58,226,228) |
RGB Percent | 22.7, 88.6, 89.4 | rgb(22.7%,88.6%,89.4%) |
CMYK | 75, 1, 0, 11 | |
HSL | 180.7°, 75.9, 56.1 | hsl(180.7,75.9%,56.1%) |
HSV (or HSB) | 180.7°, 74.6, 89.4 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 82.319, -40.13, -13.098 |
---|---|
XYZ | 42.941, 60.89, 82.884 |
xyY | 0.23, 0.326, 60.89 |
CIE-LCH | 82.319, 42.214, 198.076 |
CIE-LUV | 82.319, -59.17, -14.485 |
Hunter-Lab | 78.032, -38.328, -8.355 |
Binary | 00111010, 11100010, 11100100 |
Color Schemes with #3ae2e4
Alternatives to #3ae2e4
Below, you can see some colors close to #3ae2e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ae2e4 Preview
This text has a font color of #3ae2e4.
<span style="color:#3ae2e4;">Text here</span>
This paragraph has a background color of #3ae2e4.
<p style="background-color:#3ae2e4;">Content here</p>
This element has a border color of #3ae2e4.
<div style="border:1px solid #3ae2e4;">Content here</div>
.text {color:#3ae2e4;}
.background {background-color:#3ae2e4;}
.border {border:1px solid #3ae2e4;}
Shades and Tints of #3ae2e4
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)
-
#062c2d
#062c2d
rgb(6,44,45)
-
#083d3e
#083d3e
rgb(8,61,62)
-
#0b4e4f
#0b4e4f
rgb(11,78,79)
-
#0d5f60
#0d5f60
rgb(13,95,96)
-
#107072
#107072
rgb(16,112,114)
-
#128183
#128183
rgb(18,129,131)
-
#149394
#149394
rgb(20,147,148)
-
#17a4a5
#17a4a5
rgb(23,164,165)
-
#19b5b7
#19b5b7
rgb(25,181,183)
-
#1bc6c8
#1bc6c8
rgb(27,198,200)
-
#1ed7d9
#1ed7d9
rgb(30,215,217)
-
#29dfe2
#29dfe2
rgb(41,223,226)
-
#3ae2e4
#3ae2e4
rgb(58,226,228)
-
#4be5e6
#4be5e6
rgb(75,229,230)
-
#5de7e9
#5de7e9
rgb(93,231,233)
-
#6eeaeb
#6eeaeb
rgb(110,234,235)
-
#7feced
#7feced
rgb(127,236,237)
-
#90eff0
#90eff0
rgb(144,239,240)
-
#a2f1f2
#a2f1f2
rgb(162,241,242)
-
#b3f4f5
#b3f4f5
rgb(179,244,245)
-
#c4f6f7
#c4f6f7
rgb(196,246,247)
-
#d5f9f9
#d5f9f9
rgb(213,249,249)
-
#e7fbfc
#e7fbfc
rgb(231,251,252)
-
#f8fefe
#f8fefe
rgb(248,254,254)
Tones of #3ae2e4
A tone is produced by adding gray to any pure hue. In this case, #889696 is the less saturated color, while #20fbfe is the most saturated one.
-
#889696
#889696
rgb(136,150,150)
-
#7f9f9f
#7f9f9f
rgb(127,159,159)
-
#76a7a8
#76a7a8
rgb(118,167,168)
-
#6eb0b0
#6eb0b0
rgb(110,176,176)
-
#65b8b9
#65b8b9
rgb(101,184,185)
-
#5cc0c2
#5cc0c2
rgb(92,192,194)
-
#54c9ca
#54c9ca
rgb(84,201,202)
-
#4bd1d3
#4bd1d3
rgb(75,209,211)
-
#43dadb
#43dadb
rgb(67,218,219)
-
#3ae2e4
#3ae2e4
rgb(58,226,228)
-
#31eaed
#31eaed
rgb(49,234,237)
-
#29f3f5
#29f3f5
rgb(41,243,245)
-
#20fbfe
#20fbfe
rgb(32,251,254)
Color Blindness Simulator
Below, you can see how #3ae2e4 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.