#3ad4bb Color Information
In a RGB color space, hex #3ad4bb is composed of 22.7% red, 83.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 0% magenta, 11.8% yellow and 16.9% black. It has a hue angle of 170.3 degrees, a saturation of 64.2% and a lightness of 52.9%. #3ad4bb color hex could be obtained by blending #74ffff with #00a977. Closest websafe color is: #33cccc.
-
- R 23
- G 83
- B 73
-
- C 73
- M 0
- Y 12
- K 17
● #3ad4bb color description : Moderate cyan.
#3ad4bb Color Conversion
The hexadecimal color #3ad4bb has RGB values of R:58, G:212, B:187 and CMYK values of C:0.73, M:0, Y:0.12, K:0.17. Its decimal value is 3855547.
Hex triplet | 3ad4bb | #3ad4bb |
---|---|---|
RGB Decimal | 58, 212, 187 | rgb(58,212,187) |
RGB Percent | 22.7, 83.1, 73.3 | rgb(22.7%,83.1%,73.3%) |
CMYK | 73, 0, 12, 17 | |
HSL | 170.3°, 64.2, 52.9 | hsl(170.3,64.2%,52.9%) |
HSV (or HSB) | 170.3°, 72.6, 83.1 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 77.024, -45.143, 0.95 |
---|---|
XYZ | 34.255, 51.571, 55.16 |
xyY | 0.243, 0.366, 51.571 |
CIE-LCH | 77.024, 45.153, 178.794 |
CIE-LUV | 77.024, -57.136, 8.547 |
Hunter-Lab | 71.813, -40.528, 4.728 |
Binary | 00111010, 11010100, 10111011 |
Color Schemes with #3ad4bb
Alternatives to #3ad4bb
Below, you can see some colors close to #3ad4bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ad4bb Preview
This text has a font color of #3ad4bb.
<span style="color:#3ad4bb;">Text here</span>
This paragraph has a background color of #3ad4bb.
<p style="background-color:#3ad4bb;">Content here</p>
This element has a border color of #3ad4bb.
<div style="border:1px solid #3ad4bb;">Content here</div>
.text {color:#3ad4bb;}
.background {background-color:#3ad4bb;}
.border {border:1px solid #3ad4bb;}
Shades and Tints of #3ad4bb
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, #030c0b is the darkest color, while #fbfefe is the lightest one.
-
#030c0b
#030c0b
rgb(3,12,11)
-
#061c19
#061c19
rgb(6,28,25)
-
#0a2d27
#0a2d27
rgb(10,45,39)
-
#0d3d35
#0d3d35
rgb(13,61,53)
-
#114d43
#114d43
rgb(17,77,67)
-
#145d51
#145d51
rgb(20,93,81)
-
#186d5f
#186d5f
rgb(24,109,95)
-
#1b7d6d
#1b7d6d
rgb(27,125,109)
-
#1f8d7b
#1f8d7b
rgb(31,141,123)
-
#229d89
#229d89
rgb(34,157,137)
-
#26ad97
#26ad97
rgb(38,173,151)
-
#29bda5
#29bda5
rgb(41,189,165)
-
#2dceb3
#2dceb3
rgb(45,206,179)
-
#3ad4bb
#3ad4bb
rgb(58,212,187)
-
#4ad8c1
#4ad8c1
rgb(74,216,193)
-
#5adbc6
#5adbc6
rgb(90,219,198)
-
#6adfcc
#6adfcc
rgb(106,223,204)
-
#7ae2d1
#7ae2d1
rgb(122,226,209)
-
#8be6d7
#8be6d7
rgb(139,230,215)
-
#9be9dc
#9be9dc
rgb(155,233,220)
-
#abede2
#abede2
rgb(171,237,226)
-
#bbf0e7
#bbf0e7
rgb(187,240,231)
-
#cbf4ed
#cbf4ed
rgb(203,244,237)
-
#dbf7f3
#dbf7f3
rgb(219,247,243)
-
#ebfbf8
#ebfbf8
rgb(235,251,248)
-
#fbfefe
#fbfefe
rgb(251,254,254)
Tones of #3ad4bb
A tone is produced by adding gray to any pure hue. In this case, #848a89 is the less saturated color, while #15f9d4 is the most saturated one.
-
#848a89
#848a89
rgb(132,138,137)
-
#7b938f
#7b938f
rgb(123,147,143)
-
#719d96
#719d96
rgb(113,157,150)
-
#68a69c
#68a69c
rgb(104,166,156)
-
#5fafa2
#5fafa2
rgb(95,175,162)
-
#56b8a8
#56b8a8
rgb(86,184,168)
-
#4cc2af
#4cc2af
rgb(76,194,175)
-
#43cbb5
#43cbb5
rgb(67,203,181)
-
#3ad4bb
#3ad4bb
rgb(58,212,187)
-
#31ddc1
#31ddc1
rgb(49,221,193)
-
#28e6c7
#28e6c7
rgb(40,230,199)
-
#1ef0ce
#1ef0ce
rgb(30,240,206)
-
#15f9d4
#15f9d4
rgb(21,249,212)
Color Blindness Simulator
Below, you can see how #3ad4bb 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.