#31f076 hex color

In a RGB color space, hex #31f076 is composed of 19.2% red, 94.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 50.8% yellow and 5.9% black. It has a hue angle of 141.7 degrees, a saturation of 86.4% and a lightness of 56.7%. #31f076 color hex could be obtained by blending #62ffec with #00e100. Closest websafe color is: #33ff66.

♥
- f
- t
- g
- R 19
- G 94
- B 46
RGB color chart
- C 80
- M 0
- Y 51
- K 6
CMYK color chart

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

The hexadecimal color #31f076 has RGB values of R:49, G:240, B:118 and CMYK values of C:0.8, M:0, Y:0.51, K:0.06. Its decimal value is 3272822.

Hex triplet	31f076	`#31f076`
RGB Decimal	49, 240, 118	`rgb(49,240,118)`
RGB Percent	19.2, 94.1, 46.3	`rgb(19.2%,94.1%,46.3%)`
CMYK	80, 0, 51, 6
HSL	141.7°, 86.4, 56.7	`hsl(141.7,86.4%,56.7%)`
HSV (or HSB)	141.7°, 79.6, 94.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.11, -70.772, 45.931
XYZ	35.694, 64.277, 27.664
xyY	0.28, 0.504, 64.277
CIE-LCH	84.11, 84.37, 147.016
CIE-LUV	84.11, -72.151, 72.057
Hunter-Lab	80.173, -60.832, 35.663
Binary	00110001, 11110000, 01110110

#31f076
```
#31f076 rgb(49,240,118)
```
#f031ab
```
#f031ab rgb(240,49,171)
```

Complementary Color

#4cf031
```
#4cf031 rgb(76,240,49)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#31f0d6
```
#31f0d6 rgb(49,240,214)
```

Analogous Color

#f0314c
```
#f0314c rgb(240,49,76)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#d631f0
```
#d631f0 rgb(214,49,240)
```

Split Complementary Color

#f07631
```
#f07631 rgb(240,118,49)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#7631f0
```
#7631f0 rgb(118,49,240)
```

Triadic Color

#abf031
```
#abf031 rgb(171,240,49)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#7631f0
```
#7631f0 rgb(118,49,240)
```
#f031ab
```
#f031ab rgb(240,49,171)
```

Tetradic Color

#0ec651
```
#0ec651 rgb(14,198,81)
```
#10de5a
```
#10de5a rgb(16,222,90)
```
#19ee66
```
#19ee66 rgb(25,238,102)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#49f286
```
#49f286 rgb(73,242,134)
```
#61f396
```
#61f396 rgb(97,243,150)
```
#78f5a5
```
#78f5a5 rgb(120,245,165)
```

Monochromatic Color

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

#31f046
```
#31f046 rgb(49,240,70)
```
#31f056
```
#31f056 rgb(49,240,86)
```
#31f066
```
#31f066 rgb(49,240,102)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#31f086
```
#31f086 rgb(49,240,134)
```
#31f096
```
#31f096 rgb(49,240,150)
```
#31f0a6
```
#31f0a6 rgb(49,240,166)
```

Similar Colors

Text with hexadecimal color #31f076

This text has a font color of #31f076.

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

#31f076 background color

This paragraph has a background color of #31f076.

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

#31f076 border color

This element has a border color of #31f076.

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

CSS codes

.text {color:#31f076;}

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

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

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

#010d05
```
#010d05 rgb(1,13,5)
```
#02200d
```
#02200d rgb(2,32,13)
```
#043214
```
#043214 rgb(4,50,20)
```
#05441c
```
#05441c rgb(5,68,28)
```
#065723
```
#065723 rgb(6,87,35)
```
#08692b
```
#08692b rgb(8,105,43)
```
#097b32
```
#097b32 rgb(9,123,50)
```
#0a8d3a
```
#0a8d3a rgb(10,141,58)
```
#0ca041
```
#0ca041 rgb(12,160,65)
```
#0db249
```
#0db249 rgb(13,178,73)
```
#0ec450
```
#0ec450 rgb(14,196,80)
```
#10d757
```
#10d757 rgb(16,215,87)
```
#11e95f
```
#11e95f rgb(17,233,95)
```

Shade Color Variation

#1fef6a
```
#1fef6a rgb(31,239,106)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#43f182
```
#43f182 rgb(67,241,130)
```
#56f38e
```
#56f38e rgb(86,243,142)
```
#68f49a
```
#68f49a rgb(104,244,154)
```
#7af5a7
```
#7af5a7 rgb(122,245,167)
```
#8cf7b3
```
#8cf7b3 rgb(140,247,179)
```
#9ff8bf
```
#9ff8bf rgb(159,248,191)
```
#b1f9cb
```
#b1f9cb rgb(177,249,203)
```
#c3fbd7
```
#c3fbd7 rgb(195,251,215)
```
#d6fce3
```
#d6fce3 rgb(214,252,227)
```
#e8fdf0
```
#e8fdf0 rgb(232,253,240)
```
#fafffc
```
#fafffc rgb(250,255,252)
```

Tint Color Variation

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

#8f9390
```
#8f9390 rgb(143,147,144)
```
#869b8e
```
#869b8e rgb(134,155,142)
```
#7ea48b
```
#7ea48b rgb(126,164,139)
```
#75ac89
```
#75ac89 rgb(117,172,137)
```
#6db587
```
#6db587 rgb(109,181,135)
```
#64bd84
```
#64bd84 rgb(100,189,132)
```
#5cc682
```
#5cc682 rgb(92,198,130)
```
#53ce7f
```
#53ce7f rgb(83,206,127)
```
#4bd77d
```
#4bd77d rgb(75,215,125)
```
#42df7b
```
#42df7b rgb(66,223,123)
```
#3ae878
```
#3ae878 rgb(58,232,120)
```
#31f076
```
#31f076 rgb(49,240,118)
```
#29f974
```
#29f974 rgb(41,249,116)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b79f Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d473 Protanopia 1% of men
#fecb8a Deuteranopia 1% of men
#75e3f4 Tritanopia 0.001% of the population

Trichromacy

#a6de74 Protanomaly 1% of men, 0.01% of women
#b3d883 Deuteranomaly 6% of men, 0.4% of women
#5ce8c6 Tritanomaly 0.01% of the population

#31f076 hex color

#31f076 Color Information

#31f076 Color Conversion

Color Schemes with #31f076

Alternatives to #31f076

#31f076 Preview

Shades and Tints of #31f076

Tones of #31f076

Color Blindness Simulator