#3ac2bf hex color

In a RGB color space, hex #3ac2bf is composed of 22.7% red, 76.1% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 70.1% cyan, 0% magenta, 1.5% yellow and 23.9% black. It has a hue angle of 178.7 degrees, a saturation of 54% and a lightness of 49.4%. #3ac2bf color hex could be obtained by blending #74ffff with #00857f. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 76
- B 75
RGB color chart
- C 70
- M 0
- Y 2
- K 24
CMYK color chart

● #3ac2bf color description : Moderate cyan.

The hexadecimal color #3ac2bf has RGB values of R:58, G:194, B:191 and CMYK values of C:0.7, M:0, Y:0.02, K:0.24. Its decimal value is 3850943.

Hex triplet	3ac2bf	`#3ac2bf`
RGB Decimal	58, 194, 191	`rgb(58,194,191)`
RGB Percent	22.7, 76.1, 74.9	`rgb(22.7%,76.1%,74.9%)`
CMYK	70, 0, 2, 24
HSL	178.7°, 54, 49.4	`hsl(178.7,54%,49.4%)`
HSV (or HSB)	178.7°, 70.1, 76.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.719, -36.018, -9.03
XYZ	30.438, 43.242, 56.03
xyY	0.235, 0.333, 43.242
CIE-LCH	71.719, 37.133, 194.074
CIE-LUV	71.719, -50.461, -8.338
Hunter-Lab	65.759, -32.455, -4.487
Binary	00111010, 11000010, 10111111

#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#c23a3d
```
#c23a3d rgb(194,58,61)
```

Complementary Color

#3ac27b
```
#3ac27b rgb(58,194,123)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#3a81c2
```
#3a81c2 rgb(58,129,194)
```

Analogous Color

#c27b3a
```
#c27b3a rgb(194,123,58)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#c23a81
```
#c23a81 rgb(194,58,129)
```

Split Complementary Color

#c2bf3a
```
#c2bf3a rgb(194,191,58)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#bf3ac2
```
#bf3ac2 rgb(191,58,194)
```

Triadic Color

#3dc23a
```
#3dc23a rgb(61,194,58)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#bf3ac2
```
#bf3ac2 rgb(191,58,194)
```
#c23a3d
```
#c23a3d rgb(194,58,61)
```

Tetradic Color

#288785
```
#288785 rgb(40,135,133)
```
#2e9b98
```
#2e9b98 rgb(46,155,152)
```
#34aeac
```
#34aeac rgb(52,174,172)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#4cc9c7
```
#4cc9c7 rgb(76,201,199)
```
#60cfcd
```
#60cfcd rgb(96,207,205)
```
#73d5d3
```
#73d5d3 rgb(115,213,211)
```

Monochromatic Color

Below, you can see some colors close to #3ac2bf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#3ac29d
```
#3ac29d rgb(58,194,157)
```
#3ac2a8
```
#3ac2a8 rgb(58,194,168)
```
#3ac2b4
```
#3ac2b4 rgb(58,194,180)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#3abac2
```
#3abac2 rgb(58,186,194)
```
#3aaec2
```
#3aaec2 rgb(58,174,194)
```
#3aa3c2
```
#3aa3c2 rgb(58,163,194)
```

Similar Colors

Text with hexadecimal color #3ac2bf

This text has a font color of #3ac2bf.

<span style="color:#3ac2bf;">Text here</span>

#3ac2bf background color

This paragraph has a background color of #3ac2bf.

<p style="background-color:#3ac2bf;">Content here</p>

#3ac2bf border color

This element has a border color of #3ac2bf.

<div style="border:1px solid #3ac2bf;">Content here</div>

CSS codes

.text {color:#3ac2bf;}

.background {background-color:#3ac2bf;}

.border {border:1px solid #3ac2bf;}

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, #040d0d is the darkest color, while #fdfefe is the lightest one.

#040d0d
```
#040d0d rgb(4,13,13)
```
#081c1b
```
#081c1b rgb(8,28,27)
```
#0d2b2a
```
#0d2b2a rgb(13,43,42)
```
#113a39
```
#113a39 rgb(17,58,57)
```
#164948
```
#164948 rgb(22,73,72)
```
#1a5857
```
#1a5857 rgb(26,88,87)
```
#1f6766
```
#1f6766 rgb(31,103,102)
```
#237675
```
#237675 rgb(35,118,117)
```
#288684
```
#288684 rgb(40,134,132)
```
#2c9592
```
#2c9592 rgb(44,149,146)
```
#31a4a1
```
#31a4a1 rgb(49,164,161)
```
#35b3b0
```
#35b3b0 rgb(53,179,176)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```

Shade Color Variation

#47c8c5
```
#47c8c5 rgb(71,200,197)
```
#57cdca
```
#57cdca rgb(87,205,202)
```
#66d1cf
```
#66d1cf rgb(102,209,207)
```
#75d6d4
```
#75d6d4 rgb(117,214,212)
```
#84dad8
```
#84dad8 rgb(132,218,216)
```
#93dfdd
```
#93dfdd rgb(147,223,221)
```
#a2e3e2
```
#a2e3e2 rgb(162,227,226)
```
#b1e8e7
```
#b1e8e7 rgb(177,232,231)
```
#c0eceb
```
#c0eceb rgb(192,236,235)
```
#cff1f0
```
#cff1f0 rgb(207,241,240)
```
#def5f5
```
#def5f5 rgb(222,245,245)
```
#eefafa
```
#eefafa rgb(238,250,250)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7e7e is the less saturated color, while #0af2ed is the most saturated one.

#7e7e7e
```
#7e7e7e rgb(126,126,126)
```
#748887
```
#748887 rgb(116,136,135)
```
#6a9291
```
#6a9291 rgb(106,146,145)
```
#619b9a
```
#619b9a rgb(97,155,154)
```
#57a5a3
```
#57a5a3 rgb(87,165,163)
```
#4dafac
```
#4dafac rgb(77,175,172)
```
#44b8b6
```
#44b8b6 rgb(68,184,182)
```
#3ac2bf
```
#3ac2bf rgb(58,194,191)
```
#30ccc8
```
#30ccc8 rgb(48,204,200)
```
#27d5d2
```
#27d5d2 rgb(39,213,210)
```
#1ddfdb
```
#1ddfdb rgb(29,223,219)
```
#13e9e4
```
#13e9e4 rgb(19,233,228)
```
#0af2ed
```
#0af2ed rgb(10,242,237)
```

Tone Color Variation

Below, you can see how #3ac2bf 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.

Monochromacy

#999999 Achromatopsia 0.005% of the population
#86a1a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b2b8 Protanopia 1% of men
#b9afca Deuteranopia 1% of men
#4ec2d1 Tritanopia 0.001% of the population

Trichromacy

#88b8ba Protanomaly 1% of men, 0.01% of women
#8bb6c6 Deuteranomaly 6% of men, 0.4% of women
#47c2ca Tritanomaly 0.01% of the population

#3ac2bf hex color

#3ac2bf Color Information

#3ac2bf Color Conversion

Color Schemes with #3ac2bf

Alternatives to #3ac2bf

#3ac2bf Preview

Shades and Tints of #3ac2bf

Tones of #3ac2bf

Color Blindness Simulator