#3baf9f Color Information
In a RGB color space, hex #3baf9f is composed of 23.1% red, 68.6% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 0% magenta, 9.1% yellow and 31.4% black. It has a hue angle of 171.7 degrees, a saturation of 49.6% and a lightness of 45.9%. #3baf9f color hex could be obtained by blending #76ffff with #005f3f. Closest websafe color is: #339999.
-
- R 23
- G 69
- B 62
-
- C 66
- M 0
- Y 9
- K 31
● #3baf9f color description : Dark moderate cyan.
#3baf9f Color Conversion
The hexadecimal color #3baf9f has RGB values of R:59, G:175, B:159 and CMYK values of C:0.66, M:0, Y:0.09, K:0.31. Its decimal value is 3911583.
Hex triplet | 3baf9f | #3baf9f |
---|---|---|
RGB Decimal | 59, 175, 159 | rgb(59,175,159) |
RGB Percent | 23.1, 68.6, 62.4 | rgb(23.1%,68.6%,62.4%) |
CMYK | 66, 0, 9, 31 | |
HSL | 171.7°, 49.6, 45.9 | hsl(171.7,49.6%,45.9%) |
HSV (or HSB) | 171.7°, 66.3, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 65.035, -35.96, -1.277 |
---|---|
XYZ | 23.39, 34.091, 38.147 |
xyY | 0.245, 0.356, 34.091 |
CIE-LCH | 65.035, 35.983, 182.034 |
CIE-LUV | 65.035, -45.422, 3.617 |
Hunter-Lab | 58.387, -30.672, 2.135 |
Binary | 00111011, 10101111, 10011111 |
Color Schemes with #3baf9f
Alternatives to #3baf9f
Below, you can see some colors close to #3baf9f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baf9f Preview
This text has a font color of #3baf9f.
<span style="color:#3baf9f;">Text here</span>
This paragraph has a background color of #3baf9f.
<p style="background-color:#3baf9f;">Content here</p>
This element has a border color of #3baf9f.
<div style="border:1px solid #3baf9f;">Content here</div>
.text {color:#3baf9f;}
.background {background-color:#3baf9f;}
.border {border:1px solid #3baf9f;}
Shades and Tints of #3baf9f
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, #050e0c is the darkest color, while #feffff is the lightest one.
-
#050e0c
#050e0c
rgb(5,14,12)
-
#0a1c1a
#0a1c1a
rgb(10,28,26)
-
#0e2b27
#0e2b27
rgb(14,43,39)
-
#133a34
#133a34
rgb(19,58,52)
-
#184842
#184842
rgb(24,72,66)
-
#1d574f
#1d574f
rgb(29,87,79)
-
#22665c
#22665c
rgb(34,102,92)
-
#27746a
#27746a
rgb(39,116,106)
-
#2c8377
#2c8377
rgb(44,131,119)
-
#319284
#319284
rgb(49,146,132)
-
#36a092
#36a092
rgb(54,160,146)
-
#3baf9f
#3baf9f
rgb(59,175,159)
-
#40beac
#40beac
rgb(64,190,172)
-
#4ec3b3
#4ec3b3
rgb(78,195,179)
-
#5dc8b9
#5dc8b9
rgb(93,200,185)
-
#6bcdc0
#6bcdc0
rgb(107,205,192)
-
#7ad2c6
#7ad2c6
rgb(122,210,198)
-
#89d7cc
#89d7cc
rgb(137,215,204)
-
#97dcd3
#97dcd3
rgb(151,220,211)
-
#a6e1d9
#a6e1d9
rgb(166,225,217)
-
#b5e6df
#b5e6df
rgb(181,230,223)
-
#c3ebe5
#c3ebe5
rgb(195,235,229)
-
#d2f0ec
#d2f0ec
rgb(210,240,236)
-
#e1f5f2
#e1f5f2
rgb(225,245,242)
-
#effaf8
#effaf8
rgb(239,250,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3baf9f
A tone is produced by adding gray to any pure hue. In this case, #717978 is the less saturated color, while #05e5c6 is the most saturated one.
-
#717978
#717978
rgb(113,121,120)
-
#68827e
#68827e
rgb(104,130,126)
-
#5f8b85
#5f8b85
rgb(95,139,133)
-
#56948b
#56948b
rgb(86,148,139)
-
#4d9d92
#4d9d92
rgb(77,157,146)
-
#44a698
#44a698
rgb(68,166,152)
-
#3baf9f
#3baf9f
rgb(59,175,159)
-
#32b8a6
#32b8a6
rgb(50,184,166)
-
#29c1ac
#29c1ac
rgb(41,193,172)
-
#20cab3
#20cab3
rgb(32,202,179)
-
#17d3b9
#17d3b9
rgb(23,211,185)
-
#0edcc0
#0edcc0
rgb(14,220,192)
-
#05e5c6
#05e5c6
rgb(5,229,198)
Color Blindness Simulator
Below, you can see how #3baf9f 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.