#31f48d hex color

In a RGB color space, hex #31f48d is composed of 19.2% red, 95.7% green and 55.3% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 0% magenta, 42.2% yellow and 4.3% black. It has a hue angle of 148.3 degrees, a saturation of 89.9% and a lightness of 57.5%. #31f48d color hex could be obtained by blending #62ffff with #00e91b. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 96
- B 55
RGB color chart
- C 80
- M 0
- Y 42
- K 4
CMYK color chart

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

The hexadecimal color #31f48d has RGB values of R:49, G:244, B:141 and CMYK values of C:0.8, M:0, Y:0.42, K:0.04. Its decimal value is 3273869.

Hex triplet	31f48d	`#31f48d`
RGB Decimal	49, 244, 141	`rgb(49,244,141)`
RGB Percent	19.2, 95.7, 55.3	`rgb(19.2%,95.7%,55.3%)`
CMYK	80, 0, 42, 4
HSL	148.3°, 89.9, 57.5	`hsl(148.3,89.9%,57.5%)`
HSV (or HSB)	148.3°, 79.9, 95.7
Web Safe	33ff99	`#33ff99`

CIE-LAB	85.642, -68.41, 36.746
XYZ	38.422, 67.273, 36.158
xyY	0.271, 0.474, 67.273
CIE-LCH	85.642, 77.654, 151.758
CIE-LUV	85.642, -72.246, 61.701
Hunter-Lab	82.02, -59.918, 31.277
Binary	00110001, 11110100, 10001101

#31f48d
```
#31f48d rgb(49,244,141)
```
#f43198
```
#f43198 rgb(244,49,152)
```

Complementary Color

#37f431
```
#37f431 rgb(55,244,49)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#31f4ef
```
#31f4ef rgb(49,244,239)
```

Analogous Color

#f43137
```
#f43137 rgb(244,49,55)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#ef31f4
```
#ef31f4 rgb(239,49,244)
```

Split Complementary Color

#f48d31
```
#f48d31 rgb(244,141,49)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#8d31f4
```
#8d31f4 rgb(141,49,244)
```

Triadic Color

#98f431
```
#98f431 rgb(152,244,49)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#8d31f4
```
#8d31f4 rgb(141,49,244)
```
#f43198
```
#f43198 rgb(244,49,152)
```

Tetradic Color

#0bce67
```
#0bce67 rgb(11,206,103)
```
#0ce673
```
#0ce673 rgb(12,230,115)
```
#19f380
```
#19f380 rgb(25,243,128)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#49f59a
```
#49f59a rgb(73,245,154)
```
#61f7a8
```
#61f7a8 rgb(97,247,168)
```
#7af8b5
```
#7af8b5 rgb(122,248,181)
```

Monochromatic Color

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

#31f45c
```
#31f45c rgb(49,244,92)
```
#31f46d
```
#31f46d rgb(49,244,109)
```
#31f47d
```
#31f47d rgb(49,244,125)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#31f49d
```
#31f49d rgb(49,244,157)
```
#31f4ae
```
#31f4ae rgb(49,244,174)
```
#31f4be
```
#31f4be rgb(49,244,190)
```

Similar Colors

Text with hexadecimal color #31f48d

This text has a font color of #31f48d.

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

#31f48d background color

This paragraph has a background color of #31f48d.

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

#31f48d border color

This element has a border color of #31f48d.

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

CSS codes

.text {color:#31f48d;}

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

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

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

#011109
```
#011109 rgb(1,17,9)
```
#022412
```
#022412 rgb(2,36,18)
```
#03371b
```
#03371b rgb(3,55,27)
```
#044925
```
#044925 rgb(4,73,37)
```
#055c2e
```
#055c2e rgb(5,92,46)
```
#066f37
```
#066f37 rgb(6,111,55)
```
#078141
```
#078141 rgb(7,129,65)
```
#08944a
```
#08944a rgb(8,148,74)
```
#09a653
```
#09a653 rgb(9,166,83)
```
#0ab95d
```
#0ab95d rgb(10,185,93)
```
#0bcc66
```
#0bcc66 rgb(11,204,102)
```
#0cde6f
```
#0cde6f rgb(12,222,111)
```
#0df178
```
#0df178 rgb(13,241,120)
```

Shade Color Variation

#1ef383
```
#1ef383 rgb(30,243,131)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#44f597
```
#44f597 rgb(68,245,151)
```
#56f6a2
```
#56f6a2 rgb(86,246,162)
```
#69f7ac
```
#69f7ac rgb(105,247,172)
```
#7bf8b6
```
#7bf8b6 rgb(123,248,182)
```
#8ef9c1
```
#8ef9c1 rgb(142,249,193)
```
#a1facb
```
#a1facb rgb(161,250,203)
```
#b3fbd5
```
#b3fbd5 rgb(179,251,213)
```
#c6fcdf
```
#c6fcdf rgb(198,252,223)
```
#d9fdea
```
#d9fdea rgb(217,253,234)
```
#ebfef4
```
#ebfef4 rgb(235,254,244)
```
#fefffe
```
#fefffe rgb(254,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d9892 is the less saturated color, while #29fc8d is the most saturated one.

#8d9892
```
#8d9892 rgb(141,152,146)
```
#84a192
```
#84a192 rgb(132,161,146)
```
#7ca991
```
#7ca991 rgb(124,169,145)
```
#74b191
```
#74b191 rgb(116,177,145)
```
#6bba90
```
#6bba90 rgb(107,186,144)
```
#63c290
```
#63c290 rgb(99,194,144)
```
#5bca8f
```
#5bca8f rgb(91,202,143)
```
#52d38f
```
#52d38f rgb(82,211,143)
```
#4adb8e
```
#4adb8e rgb(74,219,142)
```
#42e38e
```
#42e38e rgb(66,227,142)
```
#39ec8d
```
#39ec8d rgb(57,236,141)
```
#31f48d
```
#31f48d rgb(49,244,141)
```
#29fc8d
```
#29fc8d rgb(41,252,141)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#95bca7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd888 Protanopia 1% of men
#fecf9f Deuteranopia 1% of men
#73e8f9 Tritanopia 0.001% of the population

Trichromacy

#a7e28a Protanomaly 1% of men, 0.01% of women
#b3dc98 Deuteranomaly 6% of men, 0.4% of women
#5becd1 Tritanomaly 0.01% of the population

#31f48d hex color

#31f48d Color Information

#31f48d Color Conversion

Color Schemes with #31f48d

Alternatives to #31f48d

#31f48d Preview

Shades and Tints of #31f48d

Tones of #31f48d

Color Blindness Simulator