#31f533 hex color

In a RGB color space, hex #31f533 is composed of 19.2% red, 96.1% green and 20% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 79.2% yellow and 3.9% black. It has a hue angle of 120.6 degrees, a saturation of 90.7% and a lightness of 57.6%. #31f533 color hex could be obtained by blending #62ff66 with #00eb00. Closest websafe color is: #33ff33.

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

● #31f533 color description : Bright lime green.

The hexadecimal color #31f533 has RGB values of R:49, G:245, B:51 and CMYK values of C:0.8, M:0, Y:0.79, K:0.04. Its decimal value is 3274035.

Hex triplet	31f533	`#31f533`
RGB Decimal	49, 245, 51	`rgb(49,245,51)`
RGB Percent	19.2, 96.1, 20	`rgb(19.2%,96.1%,20%)`
CMYK	80, 0, 79, 4
HSL	120.6°, 90.7, 57.6	`hsl(120.6,90.7%,57.6%)`
HSV (or HSB)	120.6°, 80, 96.1
Web Safe	33ff33	`#33ff33`

CIE-LAB	85.095, -79.036, 73.142
XYZ	34.515, 66.193, 14.089
xyY	0.301, 0.577, 66.193
CIE-LCH	85.095, 107.686, 137.218
CIE-LUV	85.095, -76.081, 98.007
Hunter-Lab	81.359, -66.654, 46.684
Binary	00110001, 11110101, 00110011

#31f533
```
#31f533 rgb(49,245,51)
```
#f531f3
```
#f531f3 rgb(245,49,243)
```

Complementary Color

#91f531
```
#91f531 rgb(145,245,49)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#31f595
```
#31f595 rgb(49,245,149)
```

Analogous Color

#f53191
```
#f53191 rgb(245,49,145)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#9531f5
```
#9531f5 rgb(149,49,245)
```

Split Complementary Color

#f53331
```
#f53331 rgb(245,51,49)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#3331f5
```
#3331f5 rgb(51,49,245)
```

Triadic Color

#f3f531
```
#f3f531 rgb(243,245,49)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#3331f5
```
#3331f5 rgb(51,49,245)
```
#f531f3
```
#f531f3 rgb(245,49,243)
```

Tetradic Color

#0acf0c
```
#0acf0c rgb(10,207,12)
```
#0be80e
```
#0be80e rgb(11,232,14)
```
#19f41b
```
#19f41b rgb(25,244,27)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#49f64b
```
#49f64b rgb(73,246,75)
```
#62f763
```
#62f763 rgb(98,247,99)
```
#7af97b
```
#7af97b rgb(122,249,123)
```

Monochromatic Color

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

#60f531
```
#60f531 rgb(96,245,49)
```
#50f531
```
#50f531 rgb(80,245,49)
```
#3ff531
```
#3ff531 rgb(63,245,49)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#31f543
```
#31f543 rgb(49,245,67)
```
#31f554
```
#31f554 rgb(49,245,84)
```
#31f564
```
#31f564 rgb(49,245,100)
```

Similar Colors

Text with hexadecimal color #31f533

This text has a font color of #31f533.

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

#31f533 background color

This paragraph has a background color of #31f533.

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

#31f533 border color

This element has a border color of #31f533.

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

CSS codes

.text {color:#31f533;}

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

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

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

#011201
```
#011201 rgb(1,18,1)
```
#022502
```
#022502 rgb(2,37,2)
```
#033803
```
#033803 rgb(3,56,3)
```
#044b04
```
#044b04 rgb(4,75,4)
```
#055d05
```
#055d05 rgb(5,93,5)
```
#057007
```
#057007 rgb(5,112,7)
```
#068308
```
#068308 rgb(6,131,8)
```
#079509
```
#079509 rgb(7,149,9)
```
#08a80a
```
#08a80a rgb(8,168,10)
```
#09bb0b
```
#09bb0b rgb(9,187,11)
```
#0ace0c
```
#0ace0c rgb(10,206,12)
```
#0be00d
```
#0be00d rgb(11,224,13)
```
#0cf30e
```
#0cf30e rgb(12,243,14)
```

Shade Color Variation

#1ef420
```
#1ef420 rgb(30,244,32)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#44f646
```
#44f646 rgb(68,246,70)
```
#56f758
```
#56f758 rgb(86,247,88)
```
#69f86b
```
#69f86b rgb(105,248,107)
```
#7cf97d
```
#7cf97d rgb(124,249,125)
```
#8ffa90
```
#8ffa90 rgb(143,250,144)
```
#a1faa2
```
#a1faa2 rgb(161,250,162)
```
#b4fbb5
```
#b4fbb5 rgb(180,251,181)
```
#c7fcc7
```
#c7fcc7 rgb(199,252,199)
```
#d9fdda
```
#d9fdda rgb(217,253,218)
```
#ecfeec
```
#ecfeec rgb(236,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c9a8d
```
#8c9a8d rgb(140,154,141)
```
#84a284
```
#84a284 rgb(132,162,132)
```
#7caa7c
```
#7caa7c rgb(124,170,124)
```
#73b374
```
#73b374 rgb(115,179,116)
```
#6bbb6c
```
#6bbb6c rgb(107,187,108)
```
#63c364
```
#63c364 rgb(99,195,100)
```
#5bcb5c
```
#5bcb5c rgb(91,203,92)
```
#52d454
```
#52d454 rgb(82,212,84)
```
#4adc4b
```
#4adc4b rgb(74,220,75)
```
#42e443
```
#42e443 rgb(66,228,67)
```
#39ed3b
```
#39ed3b rgb(57,237,59)
```
#31f533
```
#31f533 rgb(49,245,51)
```
#29fd2b
```
#29fd2b rgb(41,253,43)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8db48d Atypical Achromatopsia 0.001% of the population

Dichromacy

#f0d735 Protanopia 1% of men
#ffcf84 Deuteranopia 1% of men
#7ee5f6 Tritanopia 0.001% of the population

Trichromacy

#aae234 Protanomaly 1% of men, 0.01% of women
#b4dc66 Deuteranomaly 6% of men, 0.4% of women
#62ebaf Tritanomaly 0.01% of the population

#31f533 hex color

#31f533 Color Information

#31f533 Color Conversion

Color Schemes with #31f533

Alternatives to #31f533

#31f533 Preview

Shades and Tints of #31f533

Tones of #31f533

Color Blindness Simulator