#3ae0bb Color Information
In a RGB color space, hex #3ae0bb is composed of 22.7% red, 87.8% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 16.5% yellow and 12.2% black. It has a hue angle of 166.6 degrees, a saturation of 72.8% and a lightness of 55.3%. #3ae0bb color hex could be obtained by blending #74ffff with #00c177. Closest websafe color is: #33cccc.
-
- R 23
- G 88
- B 73
-
- C 74
- M 0
- Y 17
- K 12
● #3ae0bb color description : Bright cyan.
#3ae0bb Color Conversion
The hexadecimal color #3ae0bb has RGB values of R:58, G:224, B:187 and CMYK values of C:0.74, M:0, Y:0.17, K:0.12. Its decimal value is 3858619.
Hex triplet | 3ae0bb | #3ae0bb |
---|---|---|
RGB Decimal | 58, 224, 187 | rgb(58,224,187) |
RGB Percent | 22.7, 87.8, 73.3 | rgb(22.7%,87.8%,73.3%) |
CMYK | 74, 0, 17, 12 | |
HSL | 166.6°, 72.8, 55.3 | hsl(166.6,72.8%,55.3%) |
HSV (or HSB) | 166.6°, 74.1, 87.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 80.625, -50.2, 6.166 |
---|---|
XYZ | 37.367, 57.795, 56.197 |
xyY | 0.247, 0.382, 57.795 |
CIE-LCH | 80.625, 50.578, 172.998 |
CIE-LUV | 80.625, -61.342, 17.277 |
Hunter-Lab | 76.023, -45.304, 9.388 |
Binary | 00111010, 11100000, 10111011 |
Color Schemes with #3ae0bb
Alternatives to #3ae0bb
Below, you can see some colors close to #3ae0bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ae0bb Preview
This text has a font color of #3ae0bb.
<span style="color:#3ae0bb;">Text here</span>
This paragraph has a background color of #3ae0bb.
<p style="background-color:#3ae0bb;">Content here</p>
This element has a border color of #3ae0bb.
<div style="border:1px solid #3ae0bb;">Content here</div>
.text {color:#3ae0bb;}
.background {background-color:#3ae0bb;}
.border {border:1px solid #3ae0bb;}
Shades and Tints of #3ae0bb
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, #010605 is the darkest color, while #f4fdfb is the lightest one.
-
#010605
#010605
rgb(1,6,5)
-
#041713
#041713
rgb(4,23,19)
-
#062821
#062821
rgb(6,40,33)
-
#09392e
#09392e
rgb(9,57,46)
-
#0c4a3c
#0c4a3c
rgb(12,74,60)
-
#0e5b4a
#0e5b4a
rgb(14,91,74)
-
#116c58
#116c58
rgb(17,108,88)
-
#147d66
#147d66
rgb(20,125,102)
-
#168e73
#168e73
rgb(22,142,115)
-
#199f81
#199f81
rgb(25,159,129)
-
#1cb08f
#1cb08f
rgb(28,176,143)
-
#1ec19d
#1ec19d
rgb(30,193,157)
-
#21d2aa
#21d2aa
rgb(33,210,170)
-
#29ddb5
#29ddb5
rgb(41,221,181)
-
#3ae0bb
#3ae0bb
rgb(58,224,187)
-
#4be3c1
#4be3c1
rgb(75,227,193)
-
#5ce5c7
#5ce5c7
rgb(92,229,199)
-
#6de8cd
#6de8cd
rgb(109,232,205)
-
#7eebd2
#7eebd2
rgb(126,235,210)
-
#8fedd8
#8fedd8
rgb(143,237,216)
-
#a0f0de
#a0f0de
rgb(160,240,222)
-
#b1f3e4
#b1f3e4
rgb(177,243,228)
-
#c2f5ea
#c2f5ea
rgb(194,245,234)
-
#d3f8f0
#d3f8f0
rgb(211,248,240)
-
#e3fbf6
#e3fbf6
rgb(227,251,246)
-
#f4fdfb
#f4fdfb
rgb(244,253,251)
Tones of #3ae0bb
A tone is produced by adding gray to any pure hue. In this case, #89918f is the less saturated color, while #20faca is the most saturated one.
-
#89918f
#89918f
rgb(137,145,143)
-
#809a94
#809a94
rgb(128,154,148)
-
#77a399
#77a399
rgb(119,163,153)
-
#6fab9e
#6fab9e
rgb(111,171,158)
-
#66b4a3
#66b4a3
rgb(102,180,163)
-
#5dbda8
#5dbda8
rgb(93,189,168)
-
#54c6ac
#54c6ac
rgb(84,198,172)
-
#4cceb1
#4cceb1
rgb(76,206,177)
-
#43d7b6
#43d7b6
rgb(67,215,182)
-
#3ae0bb
#3ae0bb
rgb(58,224,187)
-
#31e9c0
#31e9c0
rgb(49,233,192)
-
#28f2c5
#28f2c5
rgb(40,242,197)
-
#20faca
#20faca
rgb(32,250,202)
Color Blindness Simulator
Below, you can see how #3ae0bb 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.