#31f99d hex color

In a RGB color space, hex #31f99d is composed of 19.2% red, 97.6% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 0% magenta, 36.9% yellow and 2.4% black. It has a hue angle of 152.4 degrees, a saturation of 94.3% and a lightness of 58.4%. #31f99d color hex could be obtained by blending #62ffff with #00f33b. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 98
- B 62
RGB color chart
- C 80
- M 0
- Y 37
- K 2
CMYK color chart

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

The hexadecimal color #31f99d has RGB values of R:49, G:249, B:157 and CMYK values of C:0.8, M:0, Y:0.37, K:0.02. Its decimal value is 3275165.

Hex triplet	31f99d	`#31f99d`
RGB Decimal	49, 249, 157	`rgb(49,249,157)`
RGB Percent	19.2, 97.6, 61.6	`rgb(19.2%,97.6%,61.6%)`
CMYK	80, 0, 37, 2
HSL	152.4°, 94.3, 58.4	`hsl(152.4,94.3%,58.4%)`
HSV (or HSB)	152.4°, 80.3, 97.6
Web Safe	33ff99	`#33ff99`

CIE-LAB	87.404, -67.228, 31.1
XYZ	41.225, 70.834, 43.396
xyY	0.265, 0.456, 70.834
CIE-LCH	87.404, 74.073, 155.175
CIE-LUV	87.404, -72.95, 54.897
Hunter-Lab	84.163, -59.852, 28.343
Binary	00110001, 11111001, 10011101

#31f99d
```
#31f99d rgb(49,249,157)
```
#f9318d
```
#f9318d rgb(249,49,141)
```

Complementary Color

#31f939
```
#31f939 rgb(49,249,57)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#31f1f9
```
#31f1f9 rgb(49,241,249)
```

Analogous Color

#f93931
```
#f93931 rgb(249,57,49)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#f931f1
```
#f931f1 rgb(249,49,241)
```

Split Complementary Color

#f99d31
```
#f99d31 rgb(249,157,49)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#9d31f9
```
#9d31f9 rgb(157,49,249)
```

Triadic Color

#8df931
```
#8df931 rgb(141,249,49)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#9d31f9
```
#9d31f9 rgb(157,49,249)
```
#f9318d
```
#f9318d rgb(249,49,141)
```

Tetradic Color

#06d777
```
#06d777 rgb(6,215,119)
```
#07f085
```
#07f085 rgb(7,240,133)
```
#18f891
```
#18f891 rgb(24,248,145)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#4afaa9
```
#4afaa9 rgb(74,250,169)
```
#63fab5
```
#63fab5 rgb(99,250,181)
```
#7bfbc0
```
#7bfbc0 rgb(123,251,192)
```

Monochromatic Color

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

#31f96b
```
#31f96b rgb(49,249,107)
```
#31f97c
```
#31f97c rgb(49,249,124)
```
#31f98c
```
#31f98c rgb(49,249,140)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#31f9ae
```
#31f9ae rgb(49,249,174)
```
#31f9be
```
#31f9be rgb(49,249,190)
```
#31f9cf
```
#31f9cf rgb(49,249,207)
```

Similar Colors

Text with hexadecimal color #31f99d

This text has a font color of #31f99d.

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

#31f99d background color

This paragraph has a background color of #31f99d.

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

#31f99d border color

This element has a border color of #31f99d.

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

CSS codes

.text {color:#31f99d;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#01170d
```
#01170d rgb(1,23,13)
```
#012a17
```
#012a17 rgb(1,42,23)
```
#023d22
```
#023d22 rgb(2,61,34)
```
#02502c
```
#02502c rgb(2,80,44)
```
#036337
```
#036337 rgb(3,99,55)
```
#037641
```
#037641 rgb(3,118,65)
```
#04894c
```
#04894c rgb(4,137,76)
```
#059c56
```
#059c56 rgb(5,156,86)
```
#05af61
```
#05af61 rgb(5,175,97)
```
#06c26c
```
#06c26c rgb(6,194,108)
```
#06d576
```
#06d576 rgb(6,213,118)
```
#07e881
```
#07e881 rgb(7,232,129)
```

Shade Color Variation

#0bf88b
```
#0bf88b rgb(11,248,139)
```
#1ef894
```
#1ef894 rgb(30,248,148)
```
#31f99d
```
#31f99d rgb(49,249,157)
```
#44faa6
```
#44faa6 rgb(68,250,166)
```
#57faaf
```
#57faaf rgb(87,250,175)
```
#6afbb8
```
#6afbb8 rgb(106,251,184)
```
#7dfbc1
```
#7dfbc1 rgb(125,251,193)
```
#90fcca
```
#90fcca rgb(144,252,202)
```
#a3fcd3
```
#a3fcd3 rgb(163,252,211)
```
#b6fddc
```
#b6fddc rgb(182,253,220)
```
#c9fde6
```
#c9fde6 rgb(201,253,230)
```
#ddfeef
```
#ddfeef rgb(221,254,239)
```
#f0fff8
```
#f0fff8 rgb(240,255,248)
```

Tint Color Variation

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

#939795
```
#939795 rgb(147,151,149)
```
#8b9f96
```
#8b9f96 rgb(139,159,150)
```
#83a796
```
#83a796 rgb(131,167,150)
```
#7ab097
```
#7ab097 rgb(122,176,151)
```
#72b898
```
#72b898 rgb(114,184,152)
```
#6ac098
```
#6ac098 rgb(106,192,152)
```
#62c899
```
#62c899 rgb(98,200,153)
```
#5ad09a
```
#5ad09a rgb(90,208,154)
```
#52d89a
```
#52d89a rgb(82,216,154)
```
#49e19b
```
#49e19b rgb(73,225,155)
```
#41e99c
```
#41e99c rgb(65,233,156)
```
#39f19c
```
#39f19c rgb(57,241,156)
```
#31f99d
```
#31f99d rgb(49,249,157)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#99c1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#eedc96 Protanopia 1% of men
#ffd5b2 Deuteranopia 1% of men
#73edff Tritanopia 0.001% of the population

Trichromacy

#a9e799 Protanomaly 1% of men, 0.01% of women
#b4e2aa Deuteranomaly 6% of men, 0.4% of women
#5bf1db Tritanomaly 0.01% of the population

#31f99d hex color

#31f99d Color Information

#31f99d Color Conversion

Color Schemes with #31f99d

Alternatives to #31f99d

#31f99d Preview

Shades and Tints of #31f99d

Tones of #31f99d

Color Blindness Simulator