#3baf96 Color Information
In a RGB color space, hex #3baf96 is composed of 23.1% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 0% magenta, 14.3% yellow and 31.4% black. It has a hue angle of 167.1 degrees, a saturation of 49.6% and a lightness of 45.9%. #3baf96 color hex could be obtained by blending #76ffff with #005f2d. Closest websafe color is: #339999.
-
- R 23
- G 69
- B 59
-
- C 66
- M 0
- Y 14
- K 31
● #3baf96 color description : Dark moderate cyan.
#3baf96 Color Conversion
The hexadecimal color #3baf96 has RGB values of R:59, G:175, B:150 and CMYK values of C:0.66, M:0, Y:0.14, K:0.31. Its decimal value is 3911574.
Hex triplet | 3baf96 | #3baf96 |
---|---|---|
RGB Decimal | 59, 175, 150 | rgb(59,175,150) |
RGB Percent | 23.1, 68.6, 58.8 | rgb(23.1%,68.6%,58.8%) |
CMYK | 66, 0, 14, 31 | |
HSL | 167.1°, 49.6, 45.9 | hsl(167.1,49.6%,45.9%) |
HSV (or HSB) | 167.1°, 66.3, 68.6 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 64.795, -38.327, 3.375 |
---|---|
XYZ | 22.637, 33.79, 34.182 |
xyY | 0.25, 0.373, 33.79 |
CIE-LCH | 64.795, 38.475, 174.968 |
CIE-LUV | 64.795, -45.971, 10.804 |
Hunter-Lab | 58.129, -32.214, 5.826 |
Binary | 00111011, 10101111, 10010110 |
Color Schemes with #3baf96
Alternatives to #3baf96
Below, you can see some colors close to #3baf96. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3baf96 Preview
This text has a font color of #3baf96.
<span style="color:#3baf96;">Text here</span>
This paragraph has a background color of #3baf96.
<p style="background-color:#3baf96;">Content here</p>
This element has a border color of #3baf96.
<div style="border:1px solid #3baf96;">Content here</div>
.text {color:#3baf96;}
.background {background-color:#3baf96;}
.border {border:1px solid #3baf96;}
Shades and Tints of #3baf96
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)
-
#0a1c18
#0a1c18
rgb(10,28,24)
-
#0e2b25
#0e2b25
rgb(14,43,37)
-
#133a31
#133a31
rgb(19,58,49)
-
#18483e
#18483e
rgb(24,72,62)
-
#1d574b
#1d574b
rgb(29,87,75)
-
#226657
#226657
rgb(34,102,87)
-
#277464
#277464
rgb(39,116,100)
-
#2c8370
#2c8370
rgb(44,131,112)
-
#31927d
#31927d
rgb(49,146,125)
-
#36a089
#36a089
rgb(54,160,137)
-
#3baf96
#3baf96
rgb(59,175,150)
-
#40bea3
#40bea3
rgb(64,190,163)
-
#4ec3aa
#4ec3aa
rgb(78,195,170)
-
#5dc8b1
#5dc8b1
rgb(93,200,177)
-
#6bcdb8
#6bcdb8
rgb(107,205,184)
-
#7ad2bf
#7ad2bf
rgb(122,210,191)
-
#89d7c6
#89d7c6
rgb(137,215,198)
-
#97dccd
#97dccd
rgb(151,220,205)
-
#a6e1d4
#a6e1d4
rgb(166,225,212)
-
#b5e6db
#b5e6db
rgb(181,230,219)
-
#c3ebe2
#c3ebe2
rgb(195,235,226)
-
#d2f0e9
#d2f0e9
rgb(210,240,233)
-
#e1f5f0
#e1f5f0
rgb(225,245,240)
-
#effaf7
#effaf7
rgb(239,250,247)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #3baf96
A tone is produced by adding gray to any pure hue. In this case, #717977 is the less saturated color, while #05e5b5 is the most saturated one.
-
#717977
#717977
rgb(113,121,119)
-
#68827c
#68827c
rgb(104,130,124)
-
#5f8b82
#5f8b82
rgb(95,139,130)
-
#569487
#569487
rgb(86,148,135)
-
#4d9d8c
#4d9d8c
rgb(77,157,140)
-
#44a691
#44a691
rgb(68,166,145)
-
#3baf96
#3baf96
rgb(59,175,150)
-
#32b89b
#32b89b
rgb(50,184,155)
-
#29c1a0
#29c1a0
rgb(41,193,160)
-
#20caa5
#20caa5
rgb(32,202,165)
-
#17d3aa
#17d3aa
rgb(23,211,170)
-
#0edcb0
#0edcb0
rgb(14,220,176)
-
#05e5b5
#05e5b5
rgb(5,229,181)
Color Blindness Simulator
Below, you can see how #3baf96 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.