#3ab4b7 Color Information
In a RGB color space, hex #3ab4b7 is composed of 22.7% red, 70.6% green and 71.8% blue. Whereas in a CMYK color space, it is composed of 68.3% cyan, 1.6% magenta, 0% yellow and 28.2% black. It has a hue angle of 181.4 degrees, a saturation of 51.9% and a lightness of 47.3%. #3ab4b7 color hex could be obtained by blending #74ffff with #00696f. Closest websafe color is: #33cccc.
-
- R 23
- G 71
- B 72
-
- C 68
- M 2
- Y 0
- K 28
● #3ab4b7 color description : Moderate cyan.
#3ab4b7 Color Conversion
The hexadecimal color #3ab4b7 has RGB values of R:58, G:180, B:183 and CMYK values of C:0.68, M:0.02, Y:0, K:0.28. Its decimal value is 3847351.
Hex triplet | 3ab4b7 | #3ab4b7 |
---|---|---|
RGB Decimal | 58, 180, 183 | rgb(58,180,183) |
RGB Percent | 22.7, 70.6, 71.8 | rgb(22.7%,70.6%,71.8%) |
CMYK | 68, 2, 0, 28 | |
HSL | 181.4°, 51.9, 47.3 | hsl(181.4,51.9%,47.3%) |
HSV (or HSB) | 181.4°, 68.3, 71.8 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 67.246, -31.722, -11.314 |
---|---|
XYZ | 26.611, 36.959, 50.528 |
xyY | 0.233, 0.324, 36.959 |
CIE-LCH | 67.246, 33.679, 199.63 |
CIE-LUV | 67.246, -45.93, -12.487 |
Hunter-Lab | 60.794, -28.255, -6.723 |
Binary | 00111010, 10110100, 10110111 |
Color Schemes with #3ab4b7
Alternatives to #3ab4b7
Below, you can see some colors close to #3ab4b7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab4b7 Preview
This text has a font color of #3ab4b7.
<span style="color:#3ab4b7;">Text here</span>
This paragraph has a background color of #3ab4b7.
<p style="background-color:#3ab4b7;">Content here</p>
This element has a border color of #3ab4b7.
<div style="border:1px solid #3ab4b7;">Content here</div>
.text {color:#3ab4b7;}
.background {background-color:#3ab4b7;}
.border {border:1px solid #3ab4b7;}
Shades and Tints of #3ab4b7
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, #010404 is the darkest color, while #f4fbfc is the lightest one.
-
#010404
#010404
rgb(1,4,4)
-
#061313
#061313
rgb(6,19,19)
-
#0b2122
#0b2122
rgb(11,33,34)
-
#103031
#103031
rgb(16,48,49)
-
#143f40
#143f40
rgb(20,63,64)
-
#194d4f
#194d4f
rgb(25,77,79)
-
#1e5c5e
#1e5c5e
rgb(30,92,94)
-
#226b6d
#226b6d
rgb(34,107,109)
-
#27797b
#27797b
rgb(39,121,123)
-
#2c888a
#2c888a
rgb(44,136,138)
-
#319799
#319799
rgb(49,151,153)
-
#35a5a8
#35a5a8
rgb(53,165,168)
-
#3ab4b7
#3ab4b7
rgb(58,180,183)
-
#42c0c3
#42c0c3
rgb(66,192,195)
-
#51c5c8
#51c5c8
rgb(81,197,200)
-
#5fcacc
#5fcacc
rgb(95,202,204)
-
#6ecfd1
#6ecfd1
rgb(110,207,209)
-
#7dd4d6
#7dd4d6
rgb(125,212,214)
-
#8cd9db
#8cd9db
rgb(140,217,219)
-
#9bdedf
#9bdedf
rgb(155,222,223)
-
#aae3e4
#aae3e4
rgb(170,227,228)
-
#b9e8e9
#b9e8e9
rgb(185,232,233)
-
#c8eded
#c8eded
rgb(200,237,237)
-
#d7f2f2
#d7f2f2
rgb(215,242,242)
-
#e5f6f7
#e5f6f7
rgb(229,246,247)
-
#f4fbfc
#f4fbfc
rgb(244,251,252)
Tones of #3ab4b7
A tone is produced by adding gray to any pure hue. In this case, #727f7f is the less saturated color, while #02e9ef is the most saturated one.
-
#727f7f
#727f7f
rgb(114,127,127)
-
#688889
#688889
rgb(104,136,137)
-
#5f9192
#5f9192
rgb(95,145,146)
-
#569a9b
#569a9b
rgb(86,154,155)
-
#4da2a4
#4da2a4
rgb(77,162,164)
-
#43abae
#43abae
rgb(67,171,174)
-
#3ab4b7
#3ab4b7
rgb(58,180,183)
-
#31bdc0
#31bdc0
rgb(49,189,192)
-
#27c6ca
#27c6ca
rgb(39,198,202)
-
#1eced3
#1eced3
rgb(30,206,211)
-
#15d7dc
#15d7dc
rgb(21,215,220)
-
#0ce0e5
#0ce0e5
rgb(12,224,229)
-
#02e9ef
#02e9ef
rgb(2,233,239)
Color Blindness Simulator
Below, you can see how #3ab4b7 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.