#31f248 hex color

In a RGB color space, hex #31f248 is composed of 19.2% red, 94.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 70.2% yellow and 5.1% black. It has a hue angle of 127.2 degrees, a saturation of 88.1% and a lightness of 57.1%. #31f248 color hex could be obtained by blending #62ff90 with #00e500. Closest websafe color is: #33ff33.

♥
- f
- t
- g
- R 19
- G 95
- B 28
RGB color chart
- C 80
- M 0
- Y 70
- K 5
CMYK color chart

● #31f248 color description : Bright lime green.

The hexadecimal color #31f248 has RGB values of R:49, G:242, B:72 and CMYK values of C:0.8, M:0, Y:0.7, K:0.05. Its decimal value is 3273288.

Hex triplet	31f248	`#31f248`
RGB Decimal	49, 242, 72	`rgb(49,242,72)`
RGB Percent	19.2, 94.9, 28.2	`rgb(19.2%,94.9%,28.2%)`
CMYK	80, 0, 70, 5
HSL	127.2°, 88.1, 57.1	`hsl(127.2,88.1%,57.1%)`
HSV (or HSB)	127.2°, 79.8, 94.9
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.288, -76.693, 65.636
XYZ	34.186, 64.621, 16.802
xyY	0.296, 0.559, 64.621
CIE-LCH	84.288, 100.946, 139.442
CIE-LUV	84.288, -74.609, 91.5
Hunter-Lab	80.387, -64.767, 43.879
Binary	00110001, 11110010, 01001000

#31f248
```
#31f248 rgb(49,242,72)
```
#f231db
```
#f231db rgb(242,49,219)
```

Complementary Color

#7bf231
```
#7bf231 rgb(123,242,49)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#31f2a9
```
#31f2a9 rgb(49,242,169)
```

Analogous Color

#f2317b
```
#f2317b rgb(242,49,123)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#a931f2
```
#a931f2 rgb(169,49,242)
```

Split Complementary Color

#f24831
```
#f24831 rgb(242,72,49)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#4831f2
```
#4831f2 rgb(72,49,242)
```

Triadic Color

#dbf231
```
#dbf231 rgb(219,242,49)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#4831f2
```
#4831f2 rgb(72,49,242)
```
#f231db
```
#f231db rgb(242,49,219)
```

Tetradic Color

#0dca23
```
#0dca23 rgb(13,202,35)
```
#0ee227
```
#0ee227 rgb(14,226,39)
```
#19f033
```
#19f033 rgb(25,240,51)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#49f45d
```
#49f45d rgb(73,244,93)
```
#61f573
```
#61f573 rgb(97,245,115)
```
#79f788
```
#79f788 rgb(121,247,136)
```

Monochromatic Color

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

#4af231
```
#4af231 rgb(74,242,49)
```
#3af231
```
#3af231 rgb(58,242,49)
```
#31f238
```
#31f238 rgb(49,242,56)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#31f258
```
#31f258 rgb(49,242,88)
```
#31f268
```
#31f268 rgb(49,242,104)
```
#31f278
```
#31f278 rgb(49,242,120)
```

Similar Colors

Text with hexadecimal color #31f248

This text has a font color of #31f248.

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

#31f248 background color

This paragraph has a background color of #31f248.

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

#31f248 border color

This element has a border color of #31f248.

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

CSS codes

.text {color:#31f248;}

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

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

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, #010f03 is the darkest color, while #fcfffc is the lightest one.

#010f03
```
#010f03 rgb(1,15,3)
```
#022206
```
#022206 rgb(2,34,6)
```
#033409
```
#033409 rgb(3,52,9)
```
#04470c
```
#04470c rgb(4,71,12)
```
#065910
```
#065910 rgb(6,89,16)
```
#076c13
```
#076c13 rgb(7,108,19)
```
#087e16
```
#087e16 rgb(8,126,22)
```
#099119
```
#099119 rgb(9,145,25)
```
#0aa31c
```
#0aa31c rgb(10,163,28)
```
#0bb520
```
#0bb520 rgb(11,181,32)
```
#0dc823
```
#0dc823 rgb(13,200,35)
```
#0eda26
```
#0eda26 rgb(14,218,38)
```
#0fed29
```
#0fed29 rgb(15,237,41)
```

Shade Color Variation

#1ff138
```
#1ff138 rgb(31,241,56)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#43f358
```
#43f358 rgb(67,243,88)
```
#56f469
```
#56f469 rgb(86,244,105)
```
#68f579
```
#68f579 rgb(104,245,121)
```
#7bf78a
```
#7bf78a rgb(123,247,138)
```
#8df89a
```
#8df89a rgb(141,248,154)
```
#a0f9aa
```
#a0f9aa rgb(160,249,170)
```
#b2fabb
```
#b2fabb rgb(178,250,187)
```
#c5fbcb
```
#c5fbcb rgb(197,251,203)
```
#d7fcdc
```
#d7fcdc rgb(215,252,220)
```
#eafeec
```
#eafeec rgb(234,254,236)
```
#fcfffc
```
#fcfffc rgb(252,255,252)
```

Tint Color Variation

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

#8e958f
```
#8e958f rgb(142,149,143)
```
#859e88
```
#859e88 rgb(133,158,136)
```
#7da682
```
#7da682 rgb(125,166,130)
```
#74af7b
```
#74af7b rgb(116,175,123)
```
#6cb775
```
#6cb775 rgb(108,183,117)
```
#64bf6e
```
#64bf6e rgb(100,191,110)
```
#5bc868
```
#5bc868 rgb(91,200,104)
```
#53d062
```
#53d062 rgb(83,208,98)
```
#4ad95b
```
#4ad95b rgb(74,217,91)
```
#42e155
```
#42e155 rgb(66,225,85)
```
#39ea4e
```
#39ea4e rgb(57,234,78)
```
#31f248
```
#31f248 rgb(49,242,72)
```
#29fa42
```
#29fa42 rgb(41,250,66)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eb492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd449 Protanopia 1% of men
#ffcc7d Deuteranopia 1% of men
#7ce3f4 Tritanopia 0.001% of the population

Trichromacy

#a8df48 Protanomaly 1% of men, 0.01% of women
#b4da69 Deuteranomaly 6% of men, 0.4% of women
#60e8b5 Tritanomaly 0.01% of the population

#31f248 hex color

#31f248 Color Information

#31f248 Color Conversion

Color Schemes with #31f248

Alternatives to #31f248

#31f248 Preview

Shades and Tints of #31f248

Tones of #31f248

Color Blindness Simulator