#31de9f hex color

In a RGB color space, hex #31de9f is composed of 19.2% red, 87.1% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 0% magenta, 28.4% yellow and 12.9% black. It has a hue angle of 158.2 degrees, a saturation of 72.4% and a lightness of 53.1%. #31de9f color hex could be obtained by blending #62ffff with #00bd3f. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 87
- B 62
RGB color chart
- C 78
- M 0
- Y 28
- K 13
CMYK color chart

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

The hexadecimal color #31de9f has RGB values of R:49, G:222, B:159 and CMYK values of C:0.78, M:0, Y:0.28, K:0.13. Its decimal value is 3268255.

Hex triplet	31de9f	`#31de9f`
RGB Decimal	49, 222, 159	`rgb(49,222,159)`
RGB Percent	19.2, 87.1, 62.4	`rgb(19.2%,87.1%,62.4%)`
CMYK	78, 0, 28, 13
HSL	158.2°, 72.4, 53.1	`hsl(158.2,72.4%,53.1%)`
HSV (or HSB)	158.2°, 77.9, 87.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	79.268, -56.95, 18.994
XYZ	33.643, 55.395, 41.718
xyY	0.257, 0.424, 55.395
CIE-LCH	79.268, 60.034, 161.555
CIE-LUV	79.268, -63.757, 36.475
Hunter-Lab	74.428, -49.563, 18.867
Binary	00110001, 11011110, 10011111

#31de9f
```
#31de9f rgb(49,222,159)
```
#de3170
```
#de3170 rgb(222,49,112)
```

Complementary Color

#31de49
```
#31de49 rgb(49,222,73)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#31c7de
```
#31c7de rgb(49,199,222)
```

Analogous Color

#de4931
```
#de4931 rgb(222,73,49)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#de31c7
```
#de31c7 rgb(222,49,199)
```

Split Complementary Color

#de9f31
```
#de9f31 rgb(222,159,49)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#9f31de
```
#9f31de rgb(159,49,222)
```

Triadic Color

#70de31
```
#70de31 rgb(112,222,49)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#9f31de
```
#9f31de rgb(159,49,222)
```
#de3170
```
#de3170 rgb(222,49,112)
```

Tetradic Color

#1ba874
```
#1ba874 rgb(27,168,116)
```
#1ebe84
```
#1ebe84 rgb(30,190,132)
```
#22d493
```
#22d493 rgb(34,212,147)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#47e2a9
```
#47e2a9 rgb(71,226,169)
```
#5de5b3
```
#5de5b3 rgb(93,229,179)
```
#73e9be
```
#73e9be rgb(115,233,190)
```

Monochromatic Color

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

#31de74
```
#31de74 rgb(49,222,116)
```
#31de82
```
#31de82 rgb(49,222,130)
```
#31de91
```
#31de91 rgb(49,222,145)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#31dead
```
#31dead rgb(49,222,173)
```
#31debc
```
#31debc rgb(49,222,188)
```
#31deca
```
#31deca rgb(49,222,202)
```

Similar Colors

Text with hexadecimal color #31de9f

This text has a font color of #31de9f.

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

#31de9f background color

This paragraph has a background color of #31de9f.

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

#31de9f border color

This element has a border color of #31de9f.

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

CSS codes

.text {color:#31de9f;}

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

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

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, #020e0a is the darkest color, while #fcfffe is the lightest one.

#020e0a
```
#020e0a rgb(2,14,10)
```
#051f15
```
#051f15 rgb(5,31,21)
```
#083021
```
#083021 rgb(8,48,33)
```
#0a412d
```
#0a412d rgb(10,65,45)
```
#0d5139
```
#0d5139 rgb(13,81,57)
```
#106244
```
#106244 rgb(16,98,68)
```
#127350
```
#127350 rgb(18,115,80)
```
#15845c
```
#15845c rgb(21,132,92)
```
#189567
```
#189567 rgb(24,149,103)
```
#1ba673
```
#1ba673 rgb(27,166,115)
```
#1db77f
```
#1db77f rgb(29,183,127)
```
#20c88b
```
#20c88b rgb(32,200,139)
```
#23d996
```
#23d996 rgb(35,217,150)
```

Shade Color Variation

#31de9f
```
#31de9f rgb(49,222,159)
```
#42e1a7
```
#42e1a7 rgb(66,225,167)
```
#53e3af
```
#53e3af rgb(83,227,175)
```
#64e6b7
```
#64e6b7 rgb(100,230,183)
```
#75e9bf
```
#75e9bf rgb(117,233,191)
```
#86ecc6
```
#86ecc6 rgb(134,236,198)
```
#96eece
```
#96eece rgb(150,238,206)
```
#a7f1d6
```
#a7f1d6 rgb(167,241,214)
```
#b8f4de
```
#b8f4de rgb(184,244,222)
```
#c9f6e6
```
#c9f6e6 rgb(201,246,230)
```
#daf9ee
```
#daf9ee rgb(218,249,238)
```
#ebfcf6
```
#ebfcf6 rgb(235,252,246)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848b89 is the less saturated color, while #15faa6 is the most saturated one.

#848b89
```
#848b89 rgb(132,139,137)
```
#7b948b
```
#7b948b rgb(123,148,139)
```
#719e8e
```
#719e8e rgb(113,158,142)
```
#68a790
```
#68a790 rgb(104,167,144)
```
#5fb093
```
#5fb093 rgb(95,176,147)
```
#56b995
```
#56b995 rgb(86,185,149)
```
#4dc298
```
#4dc298 rgb(77,194,152)
```
#43cc9a
```
#43cc9a rgb(67,204,154)
```
#3ad59d
```
#3ad59d rgb(58,213,157)
```
#31de9f
```
#31de9f rgb(49,222,159)
```
#28e7a1
```
#28e7a1 rgb(40,231,161)
```
#1ff0a4
```
#1ff0a4 rgb(31,240,164)
```
#15faa6
```
#15faa6 rgb(21,250,166)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8cafa2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c799 Protanopia 1% of men
#e2c0ae Deuteranopia 1% of men
#64d6e6 Tritanopia 0.001% of the population

Trichromacy

#99cf9b Protanomaly 1% of men, 0.01% of women
#a2cba9 Deuteranomaly 6% of men, 0.4% of women
#51d9cc Tritanomaly 0.01% of the population

#31de9f hex color

#31de9f Color Information

#31de9f Color Conversion

Color Schemes with #31de9f

Alternatives to #31de9f

#31de9f Preview

Shades and Tints of #31de9f

Tones of #31de9f

Color Blindness Simulator