#3acac5 hex color

In a RGB color space, hex #3acac5 is composed of 22.7% red, 79.2% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 0% magenta, 2.5% yellow and 20.8% black. It has a hue angle of 177.9 degrees, a saturation of 57.6% and a lightness of 51%. #3acac5 color hex could be obtained by blending #74ffff with #00958b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 23
- G 79
- B 77
RGB color chart
- C 71
- M 0
- Y 2
- K 21
CMYK color chart

● #3acac5 color description : Moderate cyan.

The hexadecimal color #3acac5 has RGB values of R:58, G:202, B:197 and CMYK values of C:0.71, M:0, Y:0.02, K:0.21. Its decimal value is 3852997.

Hex triplet	3acac5	`#3acac5`
RGB Decimal	58, 202, 197	`rgb(58,202,197)`
RGB Percent	22.7, 79.2, 77.3	`rgb(22.7%,79.2%,77.3%)`
CMYK	71, 0, 2, 21
HSL	177.9°, 57.6, 51	`hsl(177.9,57.6%,51%)`
HSV (or HSB)	177.9°, 71.3, 79.2
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.298, -38.004, -8.455
XYZ	32.94, 47.169, 60.189
xyY	0.235, 0.336, 47.169
CIE-LCH	74.298, 38.933, 192.542
CIE-LUV	74.298, -52.913, -7.169
Hunter-Lab	68.68, -34.576, -3.884
Binary	00111010, 11001010, 11000101

#3acac5
```
#3acac5 rgb(58,202,197)
```
#ca3a3f
```
#ca3a3f rgb(202,58,63)
```

Complementary Color

#3aca7d
```
#3aca7d rgb(58,202,125)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#3a87ca
```
#3a87ca rgb(58,135,202)
```

Analogous Color

#ca7d3a
```
#ca7d3a rgb(202,125,58)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#ca3a87
```
#ca3a87 rgb(202,58,135)
```

Split Complementary Color

#cac53a
```
#cac53a rgb(202,197,58)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#c53aca
```
#c53aca rgb(197,58,202)
```

Triadic Color

#3fca3a
```
#3fca3a rgb(63,202,58)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#c53aca
```
#c53aca rgb(197,58,202)
```
#ca3a3f
```
#ca3a3f rgb(202,58,63)
```

Tetradic Color

#27918d
```
#27918d rgb(39,145,141)
```
#2ca5a1
```
#2ca5a1 rgb(44,165,161)
```
#32b9b4
```
#32b9b4 rgb(50,185,180)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#4ecfcb
```
#4ecfcb rgb(78,207,203)
```
#62d5d1
```
#62d5d1 rgb(98,213,209)
```
#76dad7
```
#76dad7 rgb(118,218,215)
```

Monochromatic Color

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

#3acaa1
```
#3acaa1 rgb(58,202,161)
```
#3acaad
```
#3acaad rgb(58,202,173)
```
#3acab9
```
#3acab9 rgb(58,202,185)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#3ac3ca
```
#3ac3ca rgb(58,195,202)
```
#3ab7ca
```
#3ab7ca rgb(58,183,202)
```
#3aabca
```
#3aabca rgb(58,171,202)
```

Similar Colors

Text with hexadecimal color #3acac5

This text has a font color of #3acac5.

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

#3acac5 background color

This paragraph has a background color of #3acac5.

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

#3acac5 border color

This element has a border color of #3acac5.

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

CSS codes

.text {color:#3acac5;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#051313
```
#051313 rgb(5,19,19)
```
#092322
```
#092322 rgb(9,35,34)
```
#0e3231
```
#0e3231 rgb(14,50,49)
```
#124240
```
#124240 rgb(18,66,64)
```
#16514f
```
#16514f rgb(22,81,79)
```
#1a615e
```
#1a615e rgb(26,97,94)
```
#1e706d
```
#1e706d rgb(30,112,109)
```
#22807c
```
#22807c rgb(34,128,124)
```
#268f8b
```
#268f8b rgb(38,143,139)
```
#2b9f9a
```
#2b9f9a rgb(43,159,154)
```
#2faeaa
```
#2faeaa rgb(47,174,170)
```
#33bdb9
```
#33bdb9 rgb(51,189,185)
```

Shade Color Variation

#3acac5
```
#3acac5 rgb(58,202,197)
```
#49ceca
```
#49ceca rgb(73,206,202)
```
#59d2ce
```
#59d2ce rgb(89,210,206)
```
#68d6d3
```
#68d6d3 rgb(104,214,211)
```
#78dbd7
```
#78dbd7 rgb(120,219,215)
```
#87dfdc
```
#87dfdc rgb(135,223,220)
```
#97e3e0
```
#97e3e0 rgb(151,227,224)
```
#a6e7e5
```
#a6e7e5 rgb(166,231,229)
```
#b6ebe9
```
#b6ebe9 rgb(182,235,233)
```
#c5efee
```
#c5efee rgb(197,239,238)
```
#d5f4f3
```
#d5f4f3 rgb(213,244,243)
```
#e4f8f7
```
#e4f8f7 rgb(228,248,247)
```
#f3fcfc
```
#f3fcfc rgb(243,252,252)
```

Tint Color Variation

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

#7d8786
```
#7d8786 rgb(125,135,134)
```
#74908f
```
#74908f rgb(116,144,143)
```
#6a9a98
```
#6a9a98 rgb(106,154,152)
```
#60a4a1
```
#60a4a1 rgb(96,164,161)
```
#57adaa
```
#57adaa rgb(87,173,170)
```
#4db7b3
```
#4db7b3 rgb(77,183,179)
```
#44c0bc
```
#44c0bc rgb(68,192,188)
```
#3acac5
```
#3acac5 rgb(58,202,197)
```
#30d4ce
```
#30d4ce rgb(48,212,206)
```
#27ddd7
```
#27ddd7 rgb(39,221,215)
```
#1de7e0
```
#1de7e0 rgb(29,231,224)
```
#14f0e9
```
#14f0e9 rgb(20,240,233)
```
#0afaf2
```
#0afaf2 rgb(10,250,242)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#8aa7a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcb9bd Protanopia 1% of men
#c0b5d0 Deuteranopia 1% of men
#50cad8 Tritanopia 0.001% of the population

Trichromacy

#8dbfc0 Protanomaly 1% of men, 0.01% of women
#8fbdcc Deuteranomaly 6% of men, 0.4% of women
#48cad1 Tritanomaly 0.01% of the population

#3acac5 hex color

#3acac5 Color Information

#3acac5 Color Conversion

Color Schemes with #3acac5

Alternatives to #3acac5

#3acac5 Preview

Shades and Tints of #3acac5

Tones of #3acac5

Color Blindness Simulator