#31fcc2 hex color

In a RGB color space, hex #31fcc2 is composed of 19.2% red, 98.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 23% yellow and 1.2% black. It has a hue angle of 162.9 degrees, a saturation of 97.1% and a lightness of 59%. #31fcc2 color hex could be obtained by blending #62ffff with #00f985. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 99
- B 76
RGB color chart
- C 81
- M 0
- Y 23
- K 1
CMYK color chart

● #31fcc2 color description : Bright cyan - lime green.

The hexadecimal color #31fcc2 has RGB values of R:49, G:252, B:194 and CMYK values of C:0.81, M:0, Y:0.23, K:0.01. Its decimal value is 3275970.

Hex triplet	31fcc2	`#31fcc2`
RGB Decimal	49, 252, 194	`rgb(49,252,194)`
RGB Percent	19.2, 98.8, 76.1	`rgb(19.2%,98.8%,76.1%)`
CMYK	81, 0, 23, 1
HSL	162.9°, 97.1, 59	`hsl(162.9,97.1%,59%)`
HSV (or HSB)	162.9°, 80.6, 98.8
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	89, -60.562, 14.433
XYZ	45.811, 74.164, 62.937
xyY	0.25, 0.405, 74.164
CIE-LCH	89, 62.258, 166.595
CIE-LUV	89, -71.515, 31.426
Hunter-Lab	86.119, -55.755, 16.953
Binary	00110001, 11111100, 11000010

#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#fc316b
```
#fc316b rgb(252,49,107)
```

Complementary Color

#31fc5c
```
#31fc5c rgb(49,252,92)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#31d1fc
```
#31d1fc rgb(49,209,252)
```

Analogous Color

#fc5c31
```
#fc5c31 rgb(252,92,49)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#fc31d1
```
#fc31d1 rgb(252,49,209)
```

Split Complementary Color

#fcc231
```
#fcc231 rgb(252,194,49)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#c231fc
```
#c231fc rgb(194,49,252)
```

Triadic Color

#6bfc31
```
#6bfc31 rgb(107,252,49)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#c231fc
```
#c231fc rgb(194,49,252)
```
#fc316b
```
#fc316b rgb(252,49,107)
```

Tetradic Color

#03dd9f
```
#03dd9f rgb(3,221,159)
```
#04f6b1
```
#04f6b1 rgb(4,246,177)
```
#18fcbb
```
#18fcbb rgb(24,252,187)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#4afcc9
```
#4afcc9 rgb(74,252,201)
```
#63fdd1
```
#63fdd1 rgb(99,253,209)
```
#7cfdd8
```
#7cfdd8 rgb(124,253,216)
```

Monochromatic Color

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

#31fc8f
```
#31fc8f rgb(49,252,143)
```
#31fca0
```
#31fca0 rgb(49,252,160)
```
#31fcb1
```
#31fcb1 rgb(49,252,177)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#31fcd3
```
#31fcd3 rgb(49,252,211)
```
#31fce4
```
#31fce4 rgb(49,252,228)
```
#31fcf5
```
#31fcf5 rgb(49,252,245)
```

Similar Colors

Text with hexadecimal color #31fcc2

This text has a font color of #31fcc2.

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

#31fcc2 background color

This paragraph has a background color of #31fcc2.

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

#31fcc2 border color

This element has a border color of #31fcc2.

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

CSS codes

.text {color:#31fcc2;}

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

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

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

#000705
```
#000705 rgb(0,7,5)
```
#001a13
```
#001a13 rgb(0,26,19)
```
#012d21
```
#012d21 rgb(1,45,33)
```
#01412e
```
#01412e rgb(1,65,46)
```
#01543c
```
#01543c rgb(1,84,60)
```
#02674a
```
#02674a rgb(2,103,74)
```
#027b58
```
#027b58 rgb(2,123,88)
```
#028e66
```
#028e66 rgb(2,142,102)
```
#02a174
```
#02a174 rgb(2,161,116)
```
#03b582
```
#03b582 rgb(3,181,130)
```
#03c890
```
#03c890 rgb(3,200,144)
```
#03db9e
```
#03db9e rgb(3,219,158)
```
#03efab
```
#03efab rgb(3,239,171)
```

Shade Color Variation

#0afbb7
```
#0afbb7 rgb(10,251,183)
```
#1efcbc
```
#1efcbc rgb(30,252,188)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```
#44fcc8
```
#44fcc8 rgb(68,252,200)
```
#58fdcd
```
#58fdcd rgb(88,253,205)
```
#6bfdd3
```
#6bfdd3 rgb(107,253,211)
```
#7efdd9
```
#7efdd9 rgb(126,253,217)
```
#92fddf
```
#92fddf rgb(146,253,223)
```
#a5fee4
```
#a5fee4 rgb(165,254,228)
```
#b8feea
```
#b8feea rgb(184,254,234)
```
#ccfef0
```
#ccfef0 rgb(204,254,240)
```
#dffff6
```
#dffff6 rgb(223,255,246)
```
#f2fffb
```
#f2fffb rgb(242,255,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #919c99 is the less saturated color, while #31fcc2 is the most saturated one.

#919c99
```
#919c99 rgb(145,156,153)
```
#89a49c
```
#89a49c rgb(137,164,156)
```
#81aca0
```
#81aca0 rgb(129,172,160)
```
#79b4a3
```
#79b4a3 rgb(121,180,163)
```
#71bca6
```
#71bca6 rgb(113,188,166)
```
#69c4aa
```
#69c4aa rgb(105,196,170)
```
#61ccad
```
#61ccad rgb(97,204,173)
```
#59d4b1
```
#59d4b1 rgb(89,212,177)
```
#51dcb4
```
#51dcb4 rgb(81,220,180)
```
#49e4b8
```
#49e4b8 rgb(73,228,184)
```
#41ecbb
```
#41ecbb rgb(65,236,187)
```
#39f4bf
```
#39f4bf rgb(57,244,191)
```
#31fcc2
```
#31fcc2 rgb(49,252,194)
```

Tone Color Variation

Below, you can see how #31fcc2 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

#b9b9b9 Achromatopsia 0.005% of the population
#9ec6bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee0b8 Protanopia 1% of men
#fcd9d1 Deuteranopia 1% of men
#8bf0ff Tritanopia 0.001% of the population

Trichromacy

#a9eabc Protanomaly 1% of men, 0.01% of women
#b2e6cb Deuteranomaly 6% of men, 0.4% of women
#6af4e8 Tritanomaly 0.01% of the population

#31fcc2 hex color

#31fcc2 Color Information

#31fcc2 Color Conversion

Color Schemes with #31fcc2

Alternatives to #31fcc2

#31fcc2 Preview

Shades and Tints of #31fcc2

Tones of #31fcc2

Color Blindness Simulator