#3ac5bc Color Information
In a RGB color space, hex #3ac5bc is composed of 22.7% red, 77.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 70.6% cyan, 0% magenta, 4.6% yellow and 22.7% black. It has a hue angle of 176.1 degrees, a saturation of 54.5% and a lightness of 50%. #3ac5bc color hex could be obtained by blending #74ffff with #008b79. Closest websafe color is: #33cccc.
-
- R 23
- G 77
- B 74
-
- C 71
- M 0
- Y 5
- K 23
● #3ac5bc color description : Moderate cyan.
#3ac5bc Color Conversion
The hexadecimal color #3ac5bc has RGB values of R:58, G:197, B:188 and CMYK values of C:0.71, M:0, Y:0.05, K:0.23. Its decimal value is 3851708.
Hex triplet | 3ac5bc | #3ac5bc |
---|---|---|
RGB Decimal | 58, 197, 188 | rgb(58,197,188) |
RGB Percent | 22.7, 77.3, 73.7 | rgb(22.7%,77.3%,73.7%) |
CMYK | 71, 0, 5, 23 | |
HSL | 176.1°, 54.5, 50 | hsl(176.1,54.5%,50%) |
HSV (or HSB) | 176.1°, 70.6, 77.3 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 72.535, -38.238, -6.183 |
---|---|
XYZ | 30.785, 44.46, 54.533 |
xyY | 0.237, 0.343, 44.46 |
CIE-LCH | 72.535, 38.735, 189.185 |
CIE-LUV | 72.535, -51.736, -3.538 |
Hunter-Lab | 66.678, -34.274, -1.816 |
Binary | 00111010, 11000101, 10111100 |
Color Schemes with #3ac5bc
Alternatives to #3ac5bc
Below, you can see some colors close to #3ac5bc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ac5bc Preview
This text has a font color of #3ac5bc.
<span style="color:#3ac5bc;">Text here</span>
This paragraph has a background color of #3ac5bc.
<p style="background-color:#3ac5bc;">Content here</p>
This element has a border color of #3ac5bc.
<div style="border:1px solid #3ac5bc;">Content here</div>
.text {color:#3ac5bc;}
.background {background-color:#3ac5bc;}
.border {border:1px solid #3ac5bc;}
Shades and Tints of #3ac5bc
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, #040f0e is the darkest color, while #ffffff is the lightest one.
-
#040f0e
#040f0e
rgb(4,15,14)
-
#091e1d
#091e1d
rgb(9,30,29)
-
#0d2d2b
#0d2d2b
rgb(13,45,43)
-
#123d3a
#123d3a
rgb(18,61,58)
-
#164c48
#164c48
rgb(22,76,72)
-
#1b5b57
#1b5b57
rgb(27,91,87)
-
#1f6a65
#1f6a65
rgb(31,106,101)
-
#247974
#247974
rgb(36,121,116)
-
#288882
#288882
rgb(40,136,130)
-
#2d9891
#2d9891
rgb(45,152,145)
-
#31a79f
#31a79f
rgb(49,167,159)
-
#36b6ae
#36b6ae
rgb(54,182,174)
-
#3ac5bc
#3ac5bc
rgb(58,197,188)
-
#49c9c1
#49c9c1
rgb(73,201,193)
-
#58cec6
#58cec6
rgb(88,206,198)
-
#67d2cb
#67d2cb
rgb(103,210,203)
-
#77d7d1
#77d7d1
rgb(119,215,209)
-
#86dbd6
#86dbd6
rgb(134,219,214)
-
#95e0db
#95e0db
rgb(149,224,219)
-
#a4e4e0
#a4e4e0
rgb(164,228,224)
-
#b3e9e5
#b3e9e5
rgb(179,233,229)
-
#c2edea
#c2edea
rgb(194,237,234)
-
#d2f2f0
#d2f2f0
rgb(210,242,240)
-
#e1f6f5
#e1f6f5
rgb(225,246,245)
-
#f0fbfa
#f0fbfa
rgb(240,251,250)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #3ac5bc
A tone is produced by adding gray to any pure hue. In this case, #7f8080 is the less saturated color, while #09f6e7 is the most saturated one.
-
#7f8080
#7f8080
rgb(127,128,128)
-
#758a89
#758a89
rgb(117,138,137)
-
#6b9491
#6b9491
rgb(107,148,145)
-
#619e9a
#619e9a
rgb(97,158,154)
-
#57a8a2
#57a8a2
rgb(87,168,162)
-
#4eb1ab
#4eb1ab
rgb(78,177,171)
-
#44bbb3
#44bbb3
rgb(68,187,179)
-
#3ac5bc
#3ac5bc
rgb(58,197,188)
-
#30cfc5
#30cfc5
rgb(48,207,197)
-
#26d9cd
#26d9cd
rgb(38,217,205)
-
#1de2d6
#1de2d6
rgb(29,226,214)
-
#13ecde
#13ecde
rgb(19,236,222)
-
#09f6e7
#09f6e7
rgb(9,246,231)
Color Blindness Simulator
Below, you can see how #3ac5bc 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.