#3ac6bb Color Information
In a RGB color space, hex #3ac6bb is composed of 22.7% red, 77.6% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 70.7% cyan, 0% magenta, 5.6% yellow and 22.4% black. It has a hue angle of 175.3 degrees, a saturation of 55.1% and a lightness of 50.2%. #3ac6bb color hex could be obtained by blending #74ffff with #008d77. Closest websafe color is: #33cccc.
-
- R 23
- G 78
- B 73
-
- C 71
- M 0
- Y 6
- K 22
● #3ac6bb color description : Moderate cyan.
#3ac6bb Color Conversion
The hexadecimal color #3ac6bb has RGB values of R:58, G:198, B:187 and CMYK values of C:0.71, M:0, Y:0.06, K:0.22. Its decimal value is 3851963.
Hex triplet | 3ac6bb | #3ac6bb |
---|---|---|
RGB Decimal | 58, 198, 187 | rgb(58,198,187) |
RGB Percent | 22.7, 77.6, 73.3 | rgb(22.7%,77.6%,73.3%) |
CMYK | 71, 0, 6, 22 | |
HSL | 175.3°, 55.1, 50.2 | hsl(175.3,55.1%,50.2%) |
HSV (or HSB) | 175.3°, 70.7, 77.6 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.808, -38.968, -5.235 |
---|---|
XYZ | 30.906, 44.873, 54.043 |
xyY | 0.238, 0.346, 44.873 |
CIE-LCH | 72.808, 39.318, 187.651 |
CIE-LUV | 72.808, -52.161, -1.95 |
Hunter-Lab | 66.987, -34.873, -0.943 |
Binary | 00111010, 11000110, 10111011 |
Color Schemes with #3ac6bb
Alternatives to #3ac6bb
Below, you can see some colors close to #3ac6bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ac6bb Preview
This text has a font color of #3ac6bb.
<span style="color:#3ac6bb;">Text here</span>
This paragraph has a background color of #3ac6bb.
<p style="background-color:#3ac6bb;">Content here</p>
This element has a border color of #3ac6bb.
<div style="border:1px solid #3ac6bb;">Content here</div>
.text {color:#3ac6bb;}
.background {background-color:#3ac6bb;}
.border {border:1px solid #3ac6bb;}
Shades and Tints of #3ac6bb
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, #000101 is the darkest color, while #f1fbfa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#05100f
#05100f
rgb(5,16,15)
-
#091f1d
#091f1d
rgb(9,31,29)
-
#0d2e2c
#0d2e2c
rgb(13,46,44)
-
#123e3a
#123e3a
rgb(18,62,58)
-
#164d49
#164d49
rgb(22,77,73)
-
#1b5c57
#1b5c57
rgb(27,92,87)
-
#1f6b65
#1f6b65
rgb(31,107,101)
-
#237a74
#237a74
rgb(35,122,116)
-
#288a82
#288a82
rgb(40,138,130)
-
#2c9990
#2c9990
rgb(44,153,144)
-
#31a89f
#31a89f
rgb(49,168,159)
-
#35b7ad
#35b7ad
rgb(53,183,173)
-
#3ac6bb
#3ac6bb
rgb(58,198,187)
-
#49cac0
#49cac0
rgb(73,202,192)
-
#58cfc6
#58cfc6
rgb(88,207,198)
-
#68d3cb
#68d3cb
rgb(104,211,203)
-
#77d8d0
#77d8d0
rgb(119,216,208)
-
#86dcd5
#86dcd5
rgb(134,220,213)
-
#95e0db
#95e0db
rgb(149,224,219)
-
#a4e5e0
#a4e5e0
rgb(164,229,224)
-
#b4e9e5
#b4e9e5
rgb(180,233,229)
-
#c3eeea
#c3eeea
rgb(195,238,234)
-
#d2f2f0
#d2f2f0
rgb(210,242,240)
-
#e1f6f5
#e1f6f5
rgb(225,246,245)
-
#f1fbfa
#f1fbfa
rgb(241,251,250)
Tones of #3ac6bb
A tone is produced by adding gray to any pure hue. In this case, #7e8281 is the less saturated color, while #09f7e4 is the most saturated one.
-
#7e8281
#7e8281
rgb(126,130,129)
-
#758b8a
#758b8a
rgb(117,139,138)
-
#6b9592
#6b9592
rgb(107,149,146)
-
#619f9a
#619f9a
rgb(97,159,154)
-
#57a9a2
#57a9a2
rgb(87,169,162)
-
#4eb2ab
#4eb2ab
rgb(78,178,171)
-
#44bcb3
#44bcb3
rgb(68,188,179)
-
#3ac6bb
#3ac6bb
rgb(58,198,187)
-
#30d0c3
#30d0c3
rgb(48,208,195)
-
#26dacb
#26dacb
rgb(38,218,203)
-
#1de3d4
#1de3d4
rgb(29,227,212)
-
#13eddc
#13eddc
rgb(19,237,220)
-
#09f7e4
#09f7e4
rgb(9,247,228)
Color Blindness Simulator
Below, you can see how #3ac6bb 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.