colorhexa.com

#3cc8aa hex color

In a RGB color space, hex #3cc8aa is composed of 23.5% red, 78.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 0% magenta, 15% yellow and 21.6% black. It has a hue angle of 167.1 degrees, a saturation of 56% and a lightness of 51%. #3cc8aa color hex could be obtained by blending #78ffff with #009155. Closest websafe color is: #33cc99.

- R 24
- G 78
- B 67
RGB color chart
- C 70
- M 0
- Y 15
- K 22
CMYK color chart

● #3cc8aa color description : Moderate cyan.

The hexadecimal color #3cc8aa has RGB values of R:60, G:200, B:170 and CMYK values of C:0.7, M:0, Y:0.15, K:0.22. Its decimal value is 3983530.

Hex triplet	3cc8aa	`#3cc8aa`
RGB Decimal	60, 200, 170	`rgb(60,200,170)`
RGB Percent	23.5, 78.4, 66.7	`rgb(23.5%,78.4%,66.7%)`
CMYK	70, 0, 15, 22
HSL	167.1°, 56, 51	`hsl(167.1,56%,51%)`
HSV (or HSB)	167.1°, 70, 78.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.003, -44.069, 4.282
XYZ	29.771, 45.169, 45.177
xyY	0.248, 0.376, 45.169
CIE-LCH	73.003, 44.277, 174.45
CIE-LUV	73.003, -53.668, 13.274
Hunter-Lab	67.208, -38.544, 7.19
Binary	00111100, 11001000, 10101010

#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#c83c5a
```
#c83c5a rgb(200,60,90)
```

Complementary Color

#3cc864
```
#3cc864 rgb(60,200,100)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#3ca0c8
```
#3ca0c8 rgb(60,160,200)
```

Analogous Color

#c8643c
```
#c8643c rgb(200,100,60)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#c83ca0
```
#c83ca0 rgb(200,60,160)
```

Split Complementary Color

#c8aa3c
```
#c8aa3c rgb(200,170,60)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#aa3cc8
```
#aa3cc8 rgb(170,60,200)
```

Triadic Color

#5ac83c
```
#5ac83c rgb(90,200,60)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#aa3cc8
```
#aa3cc8 rgb(170,60,200)
```
#c83c5a
```
#c83c5a rgb(200,60,90)
```

Tetradic Color

#288f79
```
#288f79 rgb(40,143,121)
```
#2ea38a
```
#2ea38a rgb(46,163,138)
```
#34b79b
```
#34b79b rgb(52,183,155)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#50ceb3
```
#50ceb3 rgb(80,206,179)
```
#64d3bb
```
#64d3bb rgb(100,211,187)
```
#78d9c4
```
#78d9c4 rgb(120,217,196)
```

Monochromatic Color

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

#3cc887
```
#3cc887 rgb(60,200,135)
```
#3cc893
```
#3cc893 rgb(60,200,147)
```
#3cc89e
```
#3cc89e rgb(60,200,158)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#3cc8b6
```
#3cc8b6 rgb(60,200,182)
```
#3cc8c1
```
#3cc8c1 rgb(60,200,193)
```
#3cc3c8
```
#3cc3c8 rgb(60,195,200)
```

Similar Colors

Text with hexadecimal color #3cc8aa

This text has a font color of #3cc8aa.

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

#3cc8aa background color

This paragraph has a background color of #3cc8aa.

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

#3cc8aa border color

This element has a border color of #3cc8aa.

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

CSS codes

.text {color:#3cc8aa;}

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

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

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

#010403
```
#010403 rgb(1,4,3)
```
#051310
```
#051310 rgb(5,19,16)
```
#0a231d
```
#0a231d rgb(10,35,29)
```
#0e322a
```
#0e322a rgb(14,50,42)
```
#124137
```
#124137 rgb(18,65,55)
```
#175044
```
#175044 rgb(23,80,68)
```
#1b6051
```
#1b6051 rgb(27,96,81)
```
#1f6f5e
```
#1f6f5e rgb(31,111,94)
```
#247e6b
```
#247e6b rgb(36,126,107)
```
#288e78
```
#288e78 rgb(40,142,120)
```
#2c9d85
```
#2c9d85 rgb(44,157,133)
```
#31ac92
```
#31ac92 rgb(49,172,146)
```
#35bc9f
```
#35bc9f rgb(53,188,159)
```

Shade Color Variation

#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#4bccb1
```
#4bccb1 rgb(75,204,177)
```
#5bd1b7
```
#5bd1b7 rgb(91,209,183)
```
#6ad5be
```
#6ad5be rgb(106,213,190)
```
#79d9c5
```
#79d9c5 rgb(121,217,197)
```
#89decb
```
#89decb rgb(137,222,203)
```
#98e2d2
```
#98e2d2 rgb(152,226,210)
```
#a7e6d9
```
#a7e6d9 rgb(167,230,217)
```
#b6ebdf
```
#b6ebdf rgb(182,235,223)
```
#c6efe6
```
#c6efe6 rgb(198,239,230)
```
#d5f3ed
```
#d5f3ed rgb(213,243,237)
```
#e4f7f3
```
#e4f7f3 rgb(228,247,243)
```
#f4fcfa
```
#f4fcfa rgb(244,252,250)
```

Tint Color Variation

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

#7f8584
```
#7f8584 rgb(127,133,132)
```
#768e89
```
#768e89 rgb(118,142,137)
```
#6c988f
```
#6c988f rgb(108,152,143)
```
#62a294
```
#62a294 rgb(98,162,148)
```
#59ab9a
```
#59ab9a rgb(89,171,154)
```
#4fb59f
```
#4fb59f rgb(79,181,159)
```
#46bea5
```
#46bea5 rgb(70,190,165)
```
#3cc8aa
```
#3cc8aa rgb(60,200,170)
```
#32d2af
```
#32d2af rgb(50,210,175)
```
#29dbb5
```
#29dbb5 rgb(41,219,181)
```
#1fe5ba
```
#1fe5ba rgb(31,229,186)
```
#16eec0
```
#16eec0 rgb(22,238,192)
```
#0cf8c5
```
#0cf8c5 rgb(12,248,197)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#88a49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb6a4 Protanopia 1% of men
#c7b1b7 Deuteranopia 1% of men
#5cc5d3 Tritanopia 0.001% of the population

Trichromacy

#8fbca6 Protanomaly 1% of men, 0.01% of women
#94b9b2 Deuteranomaly 6% of men, 0.4% of women
#50c6c4 Tritanomaly 0.01% of the population