#3ac8bd hex color

In a RGB color space, hex #3ac8bd is composed of 22.7% red, 78.4% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 0% magenta, 5.5% yellow and 21.6% black. It has a hue angle of 175.4 degrees, a saturation of 56.3% and a lightness of 50.6%. #3ac8bd color hex could be obtained by blending #74ffff with #00917b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 78
- B 74
RGB color chart
- C 71
- M 0
- Y 5
- K 22
CMYK color chart

● #3ac8bd color description : Moderate cyan.

The hexadecimal color #3ac8bd has RGB values of R:58, G:200, B:189 and CMYK values of C:0.71, M:0, Y:0.05, K:0.22. Its decimal value is 3852477.

Hex triplet	3ac8bd	`#3ac8bd`
RGB Decimal	58, 200, 189	`rgb(58,200,189)`
RGB Percent	22.7, 78.4, 74.1	`rgb(22.7%,78.4%,74.1%)`
CMYK	71, 0, 5, 22
HSL	175.4°, 56.3, 50.6	`hsl(175.4,56.3%,50.6%)`
HSV (or HSB)	175.4°, 71, 78.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.467, -39.322, -5.348
XYZ	31.582, 45.879, 55.332
xyY	0.238, 0.345, 45.879
CIE-LCH	73.467, 39.684, 187.745
CIE-LUV	73.467, -52.741, -2.074
Hunter-Lab	67.734, -35.308, -1.02
Binary	00111010, 11001000, 10111101

#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#c83a45
```
#c83a45 rgb(200,58,69)
```

Complementary Color

#3ac876
```
#3ac876 rgb(58,200,118)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#3a8cc8
```
#3a8cc8 rgb(58,140,200)
```

Analogous Color

#c8763a
```
#c8763a rgb(200,118,58)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#c83a8c
```
#c83a8c rgb(200,58,140)
```

Split Complementary Color

#c8bd3a
```
#c8bd3a rgb(200,189,58)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#bd3ac8
```
#bd3ac8 rgb(189,58,200)
```

Triadic Color

#45c83a
```
#45c83a rgb(69,200,58)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#bd3ac8
```
#bd3ac8 rgb(189,58,200)
```
#c83a45
```
#c83a45 rgb(200,58,69)
```

Tetradic Color

#288e86
```
#288e86 rgb(40,142,134)
```
#2da299
```
#2da299 rgb(45,162,153)
```
#33b6ac
```
#33b6ac rgb(51,182,172)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#4ecec4
```
#4ecec4 rgb(78,206,196)
```
#62d3ca
```
#62d3ca rgb(98,211,202)
```
#76d9d1
```
#76d9d1 rgb(118,217,209)
```

Monochromatic Color

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

#3ac89a
```
#3ac89a rgb(58,200,154)
```
#3ac8a5
```
#3ac8a5 rgb(58,200,165)
```
#3ac8b1
```
#3ac8b1 rgb(58,200,177)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#3ac7c8
```
#3ac7c8 rgb(58,199,200)
```
#3abbc8
```
#3abbc8 rgb(58,187,200)
```
#3ab0c8
```
#3ab0c8 rgb(58,176,200)
```

Similar Colors

Text with hexadecimal color #3ac8bd

This text has a font color of #3ac8bd.

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

#3ac8bd background color

This paragraph has a background color of #3ac8bd.

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

#3ac8bd border color

This element has a border color of #3ac8bd.

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

CSS codes

.text {color:#3ac8bd;}

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

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

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, #010202 is the darkest color, while #f2fbfb is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#051211
```
#051211 rgb(5,18,17)
```
#09211f
```
#09211f rgb(9,33,31)
```
#0d302e
```
#0d302e rgb(13,48,46)
```
#12403c
```
#12403c rgb(18,64,60)
```
#164f4b
```
#164f4b rgb(22,79,75)
```
#1a5e59
```
#1a5e59 rgb(26,94,89)
```
#1f6e68
```
#1f6e68 rgb(31,110,104)
```
#237d76
```
#237d76 rgb(35,125,118)
```
#278c85
```
#278c85 rgb(39,140,133)
```
#2b9c93
```
#2b9c93 rgb(43,156,147)
```
#30aba1
```
#30aba1 rgb(48,171,161)
```
#34bab0
```
#34bab0 rgb(52,186,176)
```

Shade Color Variation

#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#49ccc2
```
#49ccc2 rgb(73,204,194)
```
#59d1c7
```
#59d1c7 rgb(89,209,199)
```
#68d5cc
```
#68d5cc rgb(104,213,204)
```
#77d9d2
```
#77d9d2 rgb(119,217,210)
```
#87ddd7
```
#87ddd7 rgb(135,221,215)
```
#96e2dc
```
#96e2dc rgb(150,226,220)
```
#a5e6e1
```
#a5e6e1 rgb(165,230,225)
```
#b5eae6
```
#b5eae6 rgb(181,234,230)
```
#c4efeb
```
#c4efeb rgb(196,239,235)
```
#d3f3f0
```
#d3f3f0 rgb(211,243,240)
```
#e3f7f6
```
#e3f7f6 rgb(227,247,246)
```
#f2fbfb
```
#f2fbfb rgb(242,251,251)
```

Tint Color Variation

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

#7e8484
```
#7e8484 rgb(126,132,132)
```
#748e8c
```
#748e8c rgb(116,142,140)
```
#6a9894
```
#6a9894 rgb(106,152,148)
```
#61a19c
```
#61a19c rgb(97,161,156)
```
#57aba4
```
#57aba4 rgb(87,171,164)
```
#4db5ad
```
#4db5ad rgb(77,181,173)
```
#44beb5
```
#44beb5 rgb(68,190,181)
```
#3ac8bd
```
#3ac8bd rgb(58,200,189)
```
#30d2c5
```
#30d2c5 rgb(48,210,197)
```
#27dbcd
```
#27dbcd rgb(39,219,205)
```
#1de5d6
```
#1de5d6 rgb(29,229,214)
```
#13efde
```
#13efde rgb(19,239,222)
```
#0af8e6
```
#0af8e6 rgb(10,248,230)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#88a5a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb7b6 Protanopia 1% of men
#c1b3c8 Deuteranopia 1% of men
#53c7d6 Tritanopia 0.001% of the population

Trichromacy

#8cbdb8 Protanomaly 1% of men, 0.01% of women
#90bbc4 Deuteranomaly 6% of men, 0.4% of women
#4ac7cc Tritanomaly 0.01% of the population

#3ac8bd hex color

#3ac8bd Color Information

#3ac8bd Color Conversion

Color Schemes with #3ac8bd

Alternatives to #3ac8bd

#3ac8bd Preview

Shades and Tints of #3ac8bd

Tones of #3ac8bd

Color Blindness Simulator