#31fd9f hex color

In a RGB color space, hex #31fd9f is composed of 19.2% red, 99.2% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 37.2% yellow and 0.8% black. It has a hue angle of 152.4 degrees, a saturation of 98.1% and a lightness of 59.2%. #31fd9f color hex could be obtained by blending #62ffff with #00fb3f. Closest websafe color is: #33ff99.

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

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

The hexadecimal color #31fd9f has RGB values of R:49, G:253, B:159 and CMYK values of C:0.81, M:0, Y:0.37, K:0.01. Its decimal value is 3276191.

Hex triplet	31fd9f	`#31fd9f`
RGB Decimal	49, 253, 159	`rgb(49,253,159)`
RGB Percent	19.2, 99.2, 62.4	`rgb(19.2%,99.2%,62.4%)`
CMYK	81, 0, 37, 1
HSL	152.4°, 98.1, 59.2	`hsl(152.4,98.1%,59.2%)`
HSV (or HSB)	152.4°, 80.6, 99.2
Web Safe	33ff99	`#33ff99`

CIE-LAB	88.639, -68.248, 31.747
XYZ	42.647, 73.402, 44.719
xyY	0.265, 0.457, 73.402
CIE-LCH	88.639, 75.271, 155.053
CIE-LUV	88.639, -74.144, 56.056
Hunter-Lab	85.675, -61.079, 29.025
Binary	00110001, 11111101, 10011111

#31fd9f
```
#31fd9f rgb(49,253,159)
```
#fd318f
```
#fd318f rgb(253,49,143)
```

Complementary Color

#31fd39
```
#31fd39 rgb(49,253,57)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#31f5fd
```
#31f5fd rgb(49,245,253)
```

Analogous Color

#fd3931
```
#fd3931 rgb(253,57,49)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#fd31f5
```
#fd31f5 rgb(253,49,245)
```

Split Complementary Color

#fd9f31
```
#fd9f31 rgb(253,159,49)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#9f31fd
```
#9f31fd rgb(159,49,253)
```

Triadic Color

#8ffd31
```
#8ffd31 rgb(143,253,49)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#9f31fd
```
#9f31fd rgb(159,49,253)
```
#fd318f
```
#fd318f rgb(253,49,143)
```

Tetradic Color

#02df79
```
#02df79 rgb(2,223,121)
```
#02f987
```
#02f987 rgb(2,249,135)
```
#18fd93
```
#18fd93 rgb(24,253,147)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#4afdab
```
#4afdab rgb(74,253,171)
```
#64fdb7
```
#64fdb7 rgb(100,253,183)
```
#7dfec2
```
#7dfec2 rgb(125,254,194)
```

Monochromatic Color

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

#31fd6c
```
#31fd6c rgb(49,253,108)
```
#31fd7d
```
#31fd7d rgb(49,253,125)
```
#31fd8e
```
#31fd8e rgb(49,253,142)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#31fdb0
```
#31fdb0 rgb(49,253,176)
```
#31fdc1
```
#31fdc1 rgb(49,253,193)
```
#31fdd2
```
#31fdd2 rgb(49,253,210)
```

Similar Colors

Text with hexadecimal color #31fd9f

This text has a font color of #31fd9f.

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

#31fd9f background color

This paragraph has a background color of #31fd9f.

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

#31fd9f border color

This element has a border color of #31fd9f.

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

CSS codes

.text {color:#31fd9f;}

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

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

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

#000804
```
#000804 rgb(0,8,4)
```
#001b0f
```
#001b0f rgb(0,27,15)
```
#002f19
```
#002f19 rgb(0,47,25)
```
#014224
```
#014224 rgb(1,66,36)
```
#01552e
```
#01552e rgb(1,85,46)
```
#016939
```
#016939 rgb(1,105,57)
```
#017c44
```
#017c44 rgb(1,124,68)
```
#01904e
```
#01904e rgb(1,144,78)
```
#02a359
```
#02a359 rgb(2,163,89)
```
#02b763
```
#02b763 rgb(2,183,99)
```
#02ca6e
```
#02ca6e rgb(2,202,110)
```
#02dd78
```
#02dd78 rgb(2,221,120)
```
#02f183
```
#02f183 rgb(2,241,131)
```

Shade Color Variation

#0afd8d
```
#0afd8d rgb(10,253,141)
```
#1efd96
```
#1efd96 rgb(30,253,150)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```
#44fda8
```
#44fda8 rgb(68,253,168)
```
#58fdb1
```
#58fdb1 rgb(88,253,177)
```
#6bfeba
```
#6bfeba rgb(107,254,186)
```
#7ffec3
```
#7ffec3 rgb(127,254,195)
```
#92fecc
```
#92fecc rgb(146,254,204)
```
#a6fed5
```
#a6fed5 rgb(166,254,213)
```
#b9fede
```
#b9fede rgb(185,254,222)
```
#ccffe7
```
#ccffe7 rgb(204,255,231)
```
#e0fff0
```
#e0fff0 rgb(224,255,240)
```
#f3fffa
```
#f3fffa rgb(243,255,250)
```

Tint Color Variation

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

#919d97
```
#919d97 rgb(145,157,151)
```
#89a598
```
#89a598 rgb(137,165,152)
```
#81ad99
```
#81ad99 rgb(129,173,153)
```
#79b599
```
#79b599 rgb(121,181,153)
```
#71bd9a
```
#71bd9a rgb(113,189,154)
```
#69c59b
```
#69c59b rgb(105,197,155)
```
#61cd9b
```
#61cd9b rgb(97,205,155)
```
#59d59c
```
#59d59c rgb(89,213,156)
```
#51dd9c
```
#51dd9c rgb(81,221,156)
```
#49e59d
```
#49e59d rgb(73,229,157)
```
#41ed9e
```
#41ed9e rgb(65,237,158)
```
#39f59e
```
#39f59e rgb(57,245,158)
```
#31fd9f
```
#31fd9f rgb(49,253,159)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#9bc3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2e098 Protanopia 1% of men
#ffd9ba Deuteranopia 1% of men
#88efff Tritanopia 0.001% of the population

Trichromacy

#acea9a Protanomaly 1% of men, 0.01% of women
#b4e6b0 Deuteranomaly 6% of men, 0.4% of women
#68f4dc Tritanomaly 0.01% of the population

#31fd9f hex color

#31fd9f Color Information

#31fd9f Color Conversion

Color Schemes with #31fd9f

Alternatives to #31fd9f

#31fd9f Preview

Shades and Tints of #31fd9f

Tones of #31fd9f

Color Blindness Simulator