#3accaa hex color

In a RGB color space, hex #3accaa is composed of 22.7% red, 80% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.6% cyan, 0% magenta, 16.7% yellow and 20% black. It has a hue angle of 166 degrees, a saturation of 58.9% and a lightness of 51.4%. #3accaa color hex could be obtained by blending #74ffff with #009955. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 23
- G 80
- B 67
RGB color chart
- C 72
- M 0
- Y 17
- K 20
CMYK color chart

● #3accaa color description : Moderate cyan.

The hexadecimal color #3accaa has RGB values of R:58, G:204, B:170 and CMYK values of C:0.72, M:0, Y:0.17, K:0.2. Its decimal value is 3853482.

Hex triplet	3accaa	`#3accaa`
RGB Decimal	58, 204, 170	`rgb(58,204,170)`
RGB Percent	22.7, 80, 66.7	`rgb(22.7%,80%,66.7%)`
CMYK	72, 0, 17, 20
HSL	166°, 58.9, 51.4	`hsl(166,58.9%,51.4%)`
HSV (or HSB)	166°, 71.6, 80
Web Safe	33cc99	`#33cc99`

CIE-LAB	74.18, -46.054, 5.974
XYZ	30.591, 46.985, 45.485
xyY	0.249, 0.382, 46.985
CIE-LCH	74.18, 46.44, 172.608
CIE-LUV	74.18, -55.435, 16.105
Hunter-Lab	68.545, -40.292, 8.639
Binary	00111010, 11001100, 10101010

#3accaa
```
#3accaa rgb(58,204,170)
```
#cc3a5c
```
#cc3a5c rgb(204,58,92)
```

Complementary Color

#3acc61
```
#3acc61 rgb(58,204,97)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#3aa5cc
```
#3aa5cc rgb(58,165,204)
```

Analogous Color

#cc613a
```
#cc613a rgb(204,97,58)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#cc3aa5
```
#cc3aa5 rgb(204,58,165)
```

Split Complementary Color

#ccaa3a
```
#ccaa3a rgb(204,170,58)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#aa3acc
```
#aa3acc rgb(170,58,204)
```

Triadic Color

#5ccc3a
```
#5ccc3a rgb(92,204,58)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#aa3acc
```
#aa3acc rgb(170,58,204)
```
#cc3a5c
```
#cc3a5c rgb(204,58,92)
```

Tetradic Color

#26937a
```
#26937a rgb(38,147,122)
```
#2ba88b
```
#2ba88b rgb(43,168,139)
```
#31bc9b
```
#31bc9b rgb(49,188,155)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#4ed1b3
```
#4ed1b3 rgb(78,209,179)
```
#63d6bb
```
#63d6bb rgb(99,214,187)
```
#77dcc4
```
#77dcc4 rgb(119,220,196)
```

Monochromatic Color

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

#3acc86
```
#3acc86 rgb(58,204,134)
```
#3acc92
```
#3acc92 rgb(58,204,146)
```
#3acc9e
```
#3acc9e rgb(58,204,158)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#3accb6
```
#3accb6 rgb(58,204,182)
```
#3accc2
```
#3accc2 rgb(58,204,194)
```
#3acacc
```
#3acacc rgb(58,202,204)
```

Similar Colors

Text with hexadecimal color #3accaa

This text has a font color of #3accaa.

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

#3accaa background color

This paragraph has a background color of #3accaa.

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

#3accaa border color

This element has a border color of #3accaa.

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

CSS codes

.text {color:#3accaa;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#051511
```
#051511 rgb(5,21,17)
```
#0a251e
```
#0a251e rgb(10,37,30)
```
#0e342b
```
#0e342b rgb(14,52,43)
```
#124438
```
#124438 rgb(18,68,56)
```
#165345
```
#165345 rgb(22,83,69)
```
#1a6352
```
#1a6352 rgb(26,99,82)
```
#1e735f
```
#1e735f rgb(30,115,95)
```
#22826c
```
#22826c rgb(34,130,108)
```
#269279
```
#269279 rgb(38,146,121)
```
#2aa186
```
#2aa186 rgb(42,161,134)
```
#2eb192
```
#2eb192 rgb(46,177,146)
```
#32c19f
```
#32c19f rgb(50,193,159)
```

Shade Color Variation

#3accaa
```
#3accaa rgb(58,204,170)
```
#4ad0b1
```
#4ad0b1 rgb(74,208,177)
```
#59d4b7
```
#59d4b7 rgb(89,212,183)
```
#69d8be
```
#69d8be rgb(105,216,190)
```
#78dcc5
```
#78dcc5 rgb(120,220,197)
```
#88e0cc
```
#88e0cc rgb(136,224,204)
```
#97e4d2
```
#97e4d2 rgb(151,228,210)
```
#a7e8d9
```
#a7e8d9 rgb(167,232,217)
```
#b7ece0
```
#b7ece0 rgb(183,236,224)
```
#c6f0e7
```
#c6f0e7 rgb(198,240,231)
```
#d6f4ed
```
#d6f4ed rgb(214,244,237)
```
#e5f8f4
```
#e5f8f4 rgb(229,248,244)
```
#f5fcfb
```
#f5fcfb rgb(245,252,251)
```

Tint Color Variation

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

#7d8986
```
#7d8986 rgb(125,137,134)
```
#73938b
```
#73938b rgb(115,147,139)
```
#6a9c91
```
#6a9c91 rgb(106,156,145)
```
#60a696
```
#60a696 rgb(96,166,150)
```
#57af9b
```
#57af9b rgb(87,175,155)
```
#4db9a0
```
#4db9a0 rgb(77,185,160)
```
#44c2a5
```
#44c2a5 rgb(68,194,165)
```
#3accaa
```
#3accaa rgb(58,204,170)
```
#30d6af
```
#30d6af rgb(48,214,175)
```
#27dfb4
```
#27dfb4 rgb(39,223,180)
```
#1de9b9
```
#1de9b9 rgb(29,233,185)
```
#14f2be
```
#14f2be rgb(20,242,190)
```
#0afcc3
```
#0afcc3 rgb(10,252,195)
```

Tone Color Variation

Below, you can see how #3accaa 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
#88a69f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b9a4 Protanopia 1% of men
#ccb4b7 Deuteranopia 1% of men
#5dc8d7 Tritanopia 0.001% of the population

Trichromacy

#90c0a6 Protanomaly 1% of men, 0.01% of women
#97bdb2 Deuteranomaly 6% of men, 0.4% of women
#50c9c6 Tritanomaly 0.01% of the population

#3accaa hex color

#3accaa Color Information

#3accaa Color Conversion

Color Schemes with #3accaa

Alternatives to #3accaa

#3accaa Preview

Shades and Tints of #3accaa

Tones of #3accaa

Color Blindness Simulator