#31f345 hex color

In a RGB color space, hex #31f345 is composed of 19.2% red, 95.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 0% magenta, 71.6% yellow and 4.7% black. It has a hue angle of 126.2 degrees, a saturation of 89% and a lightness of 57.3%. #31f345 color hex could be obtained by blending #62ff8a with #00e700. Closest websafe color is: #33ff33.

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

● #31f345 color description : Bright lime green.

The hexadecimal color #31f345 has RGB values of R:49, G:243, B:69 and CMYK values of C:0.8, M:0, Y:0.72, K:0.05. Its decimal value is 3273541.

Hex triplet	31f345	`#31f345`
RGB Decimal	49, 243, 69	`rgb(49,243,69)`
RGB Percent	19.2, 95.3, 27.1	`rgb(19.2%,95.3%,27.1%)`
CMYK	80, 0, 72, 5
HSL	126.2°, 89, 57.3	`hsl(126.2,89%,57.3%)`
HSV (or HSB)	126.2°, 79.8, 95.3
Web Safe	33ff33	`#33ff33`

CIE-LAB	84.576, -77.233, 66.999
XYZ	34.389, 65.18, 16.398
xyY	0.297, 0.562, 65.18
CIE-LCH	84.576, 102.244, 139.059
CIE-LUV	84.576, -75.014, 92.807
Hunter-Lab	80.734, -65.251, 44.471
Binary	00110001, 11110011, 01000101

#31f345
```
#31f345 rgb(49,243,69)
```
#f331df
```
#f331df rgb(243,49,223)
```

Complementary Color

#7ef331
```
#7ef331 rgb(126,243,49)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#31f3a6
```
#31f3a6 rgb(49,243,166)
```

Analogous Color

#f3317e
```
#f3317e rgb(243,49,126)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#a631f3
```
#a631f3 rgb(166,49,243)
```

Split Complementary Color

#f34531
```
#f34531 rgb(243,69,49)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#4531f3
```
#4531f3 rgb(69,49,243)
```

Triadic Color

#dff331
```
#dff331 rgb(223,243,49)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#4531f3
```
#4531f3 rgb(69,49,243)
```
#f331df
```
#f331df rgb(243,49,223)
```

Tetradic Color

#0ccc20
```
#0ccc20 rgb(12,204,32)
```
#0de423
```
#0de423 rgb(13,228,35)
```
#19f22f
```
#19f22f rgb(25,242,47)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#49f45b
```
#49f45b rgb(73,244,91)
```
#61f671
```
#61f671 rgb(97,246,113)
```
#79f786
```
#79f786 rgb(121,247,134)
```

Monochromatic Color

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

#4ef331
```
#4ef331 rgb(78,243,49)
```
#3df331
```
#3df331 rgb(61,243,49)
```
#31f335
```
#31f335 rgb(49,243,53)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#31f355
```
#31f355 rgb(49,243,85)
```
#31f365
```
#31f365 rgb(49,243,101)
```
#31f376
```
#31f376 rgb(49,243,118)
```

Similar Colors

Text with hexadecimal color #31f345

This text has a font color of #31f345.

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

#31f345 background color

This paragraph has a background color of #31f345.

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

#31f345 border color

This element has a border color of #31f345.

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

CSS codes

.text {color:#31f345;}

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

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

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

#011003
```
#011003 rgb(1,16,3)
```
#022305
```
#022305 rgb(2,35,5)
```
#033508
```
#033508 rgb(3,53,8)
```
#04480b
```
#04480b rgb(4,72,11)
```
#055b0e
```
#055b0e rgb(5,91,14)
```
#066d11
```
#066d11 rgb(6,109,17)
```
#078014
```
#078014 rgb(7,128,20)
```
#099217
```
#099217 rgb(9,146,23)
```
#0aa51a
```
#0aa51a rgb(10,165,26)
```
#0bb71c
```
#0bb71c rgb(11,183,28)
```
#0cca1f
```
#0cca1f rgb(12,202,31)
```
#0ddc22
```
#0ddc22 rgb(13,220,34)
```
#0eef25
```
#0eef25 rgb(14,239,37)
```

Shade Color Variation

#1ef234
```
#1ef234 rgb(30,242,52)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#44f456
```
#44f456 rgb(68,244,86)
```
#56f566
```
#56f566 rgb(86,245,102)
```
#69f677
```
#69f677 rgb(105,246,119)
```
#7bf788
```
#7bf788 rgb(123,247,136)
```
#8ef899
```
#8ef899 rgb(142,248,153)
```
#a0f9a9
```
#a0f9a9 rgb(160,249,169)
```
#b3fbba
```
#b3fbba rgb(179,251,186)
```
#c5fccb
```
#c5fccb rgb(197,252,203)
```
#d8fddc
```
#d8fddc rgb(216,253,220)
```
#eafeec
```
#eafeec rgb(234,254,236)
```
#fdfffd
```
#fdfffd rgb(253,255,253)
```

Tint Color Variation

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

#8d978e
```
#8d978e rgb(141,151,142)
```
#859f88
```
#859f88 rgb(133,159,136)
```
#7ca881
```
#7ca881 rgb(124,168,129)
```
#74b07a
```
#74b07a rgb(116,176,122)
```
#6cb874
```
#6cb874 rgb(108,184,116)
```
#63c16d
```
#63c16d rgb(99,193,109)
```
#5bc966
```
#5bc966 rgb(91,201,102)
```
#53d160
```
#53d160 rgb(83,209,96)
```
#4ada59
```
#4ada59 rgb(74,218,89)
```
#42e252
```
#42e252 rgb(66,226,82)
```
#39eb4c
```
#39eb4c rgb(57,235,76)
```
#31f345
```
#31f345 rgb(49,243,69)
```
#29fb3e
```
#29fb3e rgb(41,251,62)
```

Tone Color Variation

Below, you can see how #31f345 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
#8eb592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eed546 Protanopia 1% of men
#ffcd80 Deuteranopia 1% of men
#7ce4f4 Tritanopia 0.001% of the population

Trichromacy

#a9e046 Protanomaly 1% of men, 0.01% of women
#b4db6a Deuteranomaly 6% of men, 0.4% of women
#61e9b4 Tritanomaly 0.01% of the population

#31f345 hex color

#31f345 Color Information

#31f345 Color Conversion

Color Schemes with #31f345

Alternatives to #31f345

#31f345 Preview

Shades and Tints of #31f345

Tones of #31f345

Color Blindness Simulator