#31f074 hex color

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

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

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

The hexadecimal color #31f074 has RGB values of R:49, G:240, B:116 and CMYK values of C:0.8, M:0, Y:0.52, K:0.06. Its decimal value is 3272820.

Hex triplet	31f074	`#31f074`
RGB Decimal	49, 240, 116	`rgb(49,240,116)`
RGB Percent	19.2, 94.1, 45.5	`rgb(19.2%,94.1%,45.5%)`
CMYK	80, 0, 52, 6
HSL	141°, 86.4, 56.7	`hsl(141,86.4%,56.7%)`
HSV (or HSB)	141°, 79.6, 94.1
Web Safe	33ff66	`#33ff66`

CIE-LAB	84.086, -71.063, 46.841
XYZ	35.577, 64.23, 27.045
xyY	0.28, 0.506, 64.23
CIE-LCH	84.086, 85.112, 146.609
CIE-LUV	84.086, -72.249, 73.057
Hunter-Lab	80.144, -61.014, 36.093
Binary	00110001, 11110000, 01110100

#31f074
```
#31f074 rgb(49,240,116)
```
#f031ad
```
#f031ad rgb(240,49,173)
```

Complementary Color

#4df031
```
#4df031 rgb(77,240,49)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#31f0d4
```
#31f0d4 rgb(49,240,212)
```

Analogous Color

#f0314e
```
#f0314e rgb(240,49,78)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#d431f0
```
#d431f0 rgb(212,49,240)
```

Split Complementary Color

#f07431
```
#f07431 rgb(240,116,49)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#7431f0
```
#7431f0 rgb(116,49,240)
```

Triadic Color

#adf031
```
#adf031 rgb(173,240,49)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#7431f0
```
#7431f0 rgb(116,49,240)
```
#f031ad
```
#f031ad rgb(240,49,173)
```

Tetradic Color

#0ec64f
```
#0ec64f rgb(14,198,79)
```
#10de58
```
#10de58 rgb(16,222,88)
```
#19ee64
```
#19ee64 rgb(25,238,100)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#49f284
```
#49f284 rgb(73,242,132)
```
#61f394
```
#61f394 rgb(97,243,148)
```
#78f5a4
```
#78f5a4 rgb(120,245,164)
```

Monochromatic Color

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

#31f044
```
#31f044 rgb(49,240,68)
```
#31f054
```
#31f054 rgb(49,240,84)
```
#31f064
```
#31f064 rgb(49,240,100)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#31f084
```
#31f084 rgb(49,240,132)
```
#31f094
```
#31f094 rgb(49,240,148)
```
#31f0a4
```
#31f0a4 rgb(49,240,164)
```

Similar Colors

Text with hexadecimal color #31f074

This text has a font color of #31f074.

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

#31f074 background color

This paragraph has a background color of #31f074.

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

#31f074 border color

This element has a border color of #31f074.

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

CSS codes

.text {color:#31f074;}

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

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

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)
```
#05441b
```
#05441b rgb(5,68,27)
```
#065722
```
#065722 rgb(6,87,34)
```
#08692a
```
#08692a rgb(8,105,42)
```
#097b31
```
#097b31 rgb(9,123,49)
```
#0a8d38
```
#0a8d38 rgb(10,141,56)
```
#0ca040
```
#0ca040 rgb(12,160,64)
```
#0db247
```
#0db247 rgb(13,178,71)
```
#0ec44e
```
#0ec44e rgb(14,196,78)
```
#10d755
```
#10d755 rgb(16,215,85)
```
#11e95d
```
#11e95d rgb(17,233,93)
```

Shade Color Variation

#1fef68
```
#1fef68 rgb(31,239,104)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#43f180
```
#43f180 rgb(67,241,128)
```
#56f38d
```
#56f38d rgb(86,243,141)
```
#68f499
```
#68f499 rgb(104,244,153)
```
#7af5a5
```
#7af5a5 rgb(122,245,165)
```
#8cf7b2
```
#8cf7b2 rgb(140,247,178)
```
#9ff8be
```
#9ff8be rgb(159,248,190)
```
#b1f9ca
```
#b1f9ca rgb(177,249,202)
```
#c3fbd7
```
#c3fbd7 rgb(195,251,215)
```
#d6fce3
```
#d6fce3 rgb(214,252,227)
```
#e8fdef
```
#e8fdef rgb(232,253,239)
```
#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 #29f971 is the most saturated one.

#8f9390
```
#8f9390 rgb(143,147,144)
```
#869b8d
```
#869b8d rgb(134,155,141)
```
#7ea48b
```
#7ea48b rgb(126,164,139)
```
#75ac88
```
#75ac88 rgb(117,172,136)
```
#6db586
```
#6db586 rgb(109,181,134)
```
#64bd83
```
#64bd83 rgb(100,189,131)
```
#5cc681
```
#5cc681 rgb(92,198,129)
```
#53ce7e
```
#53ce7e rgb(83,206,126)
```
#4bd77c
```
#4bd77c rgb(75,215,124)
```
#42df79
```
#42df79 rgb(66,223,121)
```
#3ae877
```
#3ae877 rgb(58,232,119)
```
#31f074
```
#31f074 rgb(49,240,116)
```
#29f971
```
#29f971 rgb(41,249,113)
```

Tone Color Variation

Below, you can see how #31f074 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
#91b79e Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d471 Protanopia 1% of men
#fecb88 Deuteranopia 1% of men
#76e3f4 Tritanopia 0.001% of the population

Trichromacy

#a6de72 Protanomaly 1% of men, 0.01% of women
#b3d881 Deuteranomaly 6% of men, 0.4% of women
#5de8c5 Tritanomaly 0.01% of the population

#31f074 hex color

#31f074 Color Information

#31f074 Color Conversion

Color Schemes with #31f074

Alternatives to #31f074

#31f074 Preview

Shades and Tints of #31f074

Tones of #31f074

Color Blindness Simulator