#31cca6 hex color

In a RGB color space, hex #31cca6 is composed of 19.2% red, 80% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 76% cyan, 0% magenta, 18.6% yellow and 20% black. It has a hue angle of 165.3 degrees, a saturation of 61.3% and a lightness of 49.6%. #31cca6 color hex could be obtained by blending #62ffff with #00994d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 80
- B 65
RGB color chart
- C 76
- M 0
- Y 19
- K 20
CMYK color chart

● #31cca6 color description : Strong cyan.

The hexadecimal color #31cca6 has RGB values of R:49, G:204, B:166 and CMYK values of C:0.76, M:0, Y:0.19, K:0.2. Its decimal value is 3263654.

Hex triplet	31cca6	`#31cca6`
RGB Decimal	49, 204, 166	`rgb(49,204,166)`
RGB Percent	19.2, 80, 65.1	`rgb(19.2%,80%,65.1%)`
CMYK	76, 0, 19, 20
HSL	165.3°, 61.3, 49.6	`hsl(165.3,61.3%,49.6%)`
HSV (or HSB)	165.3°, 76, 80
Web Safe	33cc99	`#33cc99`

CIE-LAB	73.926, -48.167, 7.744
XYZ	29.74, 46.589, 43.499
xyY	0.248, 0.389, 46.589
CIE-LCH	73.926, 48.785, 170.866
CIE-LUV	73.926, -57.053, 18.979
Hunter-Lab	68.256, -41.674, 9.994
Binary	00110001, 11001100, 10100110

#31cca6
```
#31cca6 rgb(49,204,166)
```
#cc3157
```
#cc3157 rgb(204,49,87)
```

Complementary Color

#31cc59
```
#31cc59 rgb(49,204,89)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#31a5cc
```
#31a5cc rgb(49,165,204)
```

Analogous Color

#cc5931
```
#cc5931 rgb(204,89,49)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#cc31a5
```
#cc31a5 rgb(204,49,165)
```

Split Complementary Color

#cca631
```
#cca631 rgb(204,166,49)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#a631cc
```
#a631cc rgb(166,49,204)
```

Triadic Color

#57cc31
```
#57cc31 rgb(87,204,49)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#a631cc
```
#a631cc rgb(166,49,204)
```
#cc3157
```
#cc3157 rgb(204,49,87)
```

Tetradic Color

#228e74
```
#228e74 rgb(34,142,116)
```
#27a385
```
#27a385 rgb(39,163,133)
```
#2cb795
```
#2cb795 rgb(44,183,149)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#44d2af
```
#44d2af rgb(68,210,175)
```
#59d7b8
```
#59d7b8 rgb(89,215,184)
```
#6ddcc1
```
#6ddcc1 rgb(109,220,193)
```

Monochromatic Color

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

#31cc7f
```
#31cc7f rgb(49,204,127)
```
#31cc8c
```
#31cc8c rgb(49,204,140)
```
#31cc99
```
#31cc99 rgb(49,204,153)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#31ccb3
```
#31ccb3 rgb(49,204,179)
```
#31ccc0
```
#31ccc0 rgb(49,204,192)
```
#31cbcc
```
#31cbcc rgb(49,203,204)
```

Similar Colors

Text with hexadecimal color #31cca6

This text has a font color of #31cca6.

<span style="color:#31cca6;">Text here</span>

#31cca6 background color

This paragraph has a background color of #31cca6.

<p style="background-color:#31cca6;">Content here</p>

#31cca6 border color

This element has a border color of #31cca6.

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

CSS codes

.text {color:#31cca6;}

.background {background-color:#31cca6;}

.border {border:1px solid #31cca6;}

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, #030e0c is the darkest color, while #fdfffe is the lightest one.

#030e0c
```
#030e0c rgb(3,14,12)
```
#071e18
```
#071e18 rgb(7,30,24)
```
#0b2e25
```
#0b2e25 rgb(11,46,37)
```
#0f3e32
```
#0f3e32 rgb(15,62,50)
```
#134d3f
```
#134d3f rgb(19,77,63)
```
#165d4c
```
#165d4c rgb(22,93,76)
```
#1a6d59
```
#1a6d59 rgb(26,109,89)
```
#1e7d66
```
#1e7d66 rgb(30,125,102)
```
#228d73
```
#228d73 rgb(34,141,115)
```
#269d7f
```
#269d7f rgb(38,157,127)
```
#29ac8c
```
#29ac8c rgb(41,172,140)
```
#2dbc99
```
#2dbc99 rgb(45,188,153)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```

Shade Color Variation

#40d1ad
```
#40d1ad rgb(64,209,173)
```
#4fd5b4
```
#4fd5b4 rgb(79,213,180)
```
#5fd9bb
```
#5fd9bb rgb(95,217,187)
```
#6fdcc2
```
#6fdcc2 rgb(111,220,194)
```
#7fe0c8
```
#7fe0c8 rgb(127,224,200)
```
#8fe4cf
```
#8fe4cf rgb(143,228,207)
```
#9ee8d6
```
#9ee8d6 rgb(158,232,214)
```
#aeecdd
```
#aeecdd rgb(174,236,221)
```
#beefe3
```
#beefe3 rgb(190,239,227)
```
#cef3ea
```
#cef3ea rgb(206,243,234)
```
#def7f1
```
#def7f1 rgb(222,247,241)
```
#eefbf8
```
#eefbf8 rgb(238,251,248)
```
#fdfffe
```
#fdfffe rgb(253,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #758883 is the less saturated color, while #00fdbf is the most saturated one.

#758883
```
#758883 rgb(117,136,131)
```
#6b9288
```
#6b9288 rgb(107,146,136)
```
#629b8d
```
#629b8d rgb(98,155,141)
```
#58a592
```
#58a592 rgb(88,165,146)
```
#4eaf97
```
#4eaf97 rgb(78,175,151)
```
#44b99c
```
#44b99c rgb(68,185,156)
```
#3bc2a1
```
#3bc2a1 rgb(59,194,161)
```
#31cca6
```
#31cca6 rgb(49,204,166)
```
#27d6ab
```
#27d6ab rgb(39,214,171)
```
#1edfb0
```
#1edfb0 rgb(30,223,176)
```
#14e9b5
```
#14e9b5 rgb(20,233,181)
```
#0af3ba
```
#0af3ba rgb(10,243,186)
```
#00fdbf
```
#00fdbf rgb(0,253,191)
```

Tone Color Variation

Below, you can see how #31cca6 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
#84a39c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b8a0 Protanopia 1% of men
#ccb3b4 Deuteranopia 1% of men
#59c8d6 Tritanopia 0.001% of the population

Trichromacy

#8dbfa2 Protanomaly 1% of men, 0.01% of women
#94bcae Deuteranomaly 6% of men, 0.4% of women
#4ac9c5 Tritanomaly 0.01% of the population

#31cca6 hex color

#31cca6 Color Information

#31cca6 Color Conversion

Color Schemes with #31cca6

Alternatives to #31cca6

#31cca6 Preview

Shades and Tints of #31cca6

Tones of #31cca6

Color Blindness Simulator