#31cf3a hex color

In a RGB color space, hex #31cf3a is composed of 19.2% red, 81.2% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 72% yellow and 18.8% black. It has a hue angle of 123.4 degrees, a saturation of 62.2% and a lightness of 50.2%. #31cf3a color hex could be obtained by blending #62ff74 with #009f00. Closest websafe color is: #33cc33.

♥
- f
- t
- g
- R 19
- G 81
- B 23
RGB color chart
- C 76
- M 0
- Y 72
- K 19
CMYK color chart

● #31cf3a color description : Strong lime green.

The hexadecimal color #31cf3a has RGB values of R:49, G:207, B:58 and CMYK values of C:0.76, M:0, Y:0.72, K:0.19. Its decimal value is 3264314.

Hex triplet	31cf3a	`#31cf3a`
RGB Decimal	49, 207, 58	`rgb(49,207,58)`
RGB Percent	19.2, 81.2, 22.7	`rgb(19.2%,81.2%,22.7%)`
CMYK	76, 0, 72, 19
HSL	123.4°, 62.2, 50.2	`hsl(123.4,62.2%,50.2%)`
HSV (or HSB)	123.4°, 76.3, 81.2
Web Safe	33cc33	`#33cc33`

CIE-LAB	73.273, -67.276, 59.331
XYZ	24.342, 45.582, 11.518
xyY	0.299, 0.56, 45.582
CIE-LCH	73.273, 89.701, 138.59
CIE-LUV	73.273, -63.561, 80.089
Hunter-Lab	67.514, -53.793, 37.145
Binary	00110001, 11001111, 00111010

#31cf3a
```
#31cf3a rgb(49,207,58)
```
#cf31c6
```
#cf31c6 rgb(207,49,198)
```

Complementary Color

#77cf31
```
#77cf31 rgb(119,207,49)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#31cf89
```
#31cf89 rgb(49,207,137)
```

Analogous Color

#cf3177
```
#cf3177 rgb(207,49,119)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#8931cf
```
#8931cf rgb(137,49,207)
```

Split Complementary Color

#cf3a31
```
#cf3a31 rgb(207,58,49)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#3a31cf
```
#3a31cf rgb(58,49,207)
```

Triadic Color

#c6cf31
```
#c6cf31 rgb(198,207,49)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#3a31cf
```
#3a31cf rgb(58,49,207)
```
#cf31c6
```
#cf31c6 rgb(207,49,198)
```

Tetradic Color

#229228
```
#229228 rgb(34,146,40)
```
#27a62e
```
#27a62e rgb(39,166,46)
```
#2cbb34
```
#2cbb34 rgb(44,187,52)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#46d44e
```
#46d44e rgb(70,212,78)
```
#5ad962
```
#5ad962 rgb(90,217,98)
```
#6fdd75
```
#6fdd75 rgb(111,221,117)
```

Monochromatic Color

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

#50cf31
```
#50cf31 rgb(80,207,49)
```
#42cf31
```
#42cf31 rgb(66,207,49)
```
#35cf31
```
#35cf31 rgb(53,207,49)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#31cf47
```
#31cf47 rgb(49,207,71)
```
#31cf54
```
#31cf54 rgb(49,207,84)
```
#31cf61
```
#31cf61 rgb(49,207,97)
```

Similar Colors

Text with hexadecimal color #31cf3a

This text has a font color of #31cf3a.

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

#31cf3a background color

This paragraph has a background color of #31cf3a.

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

#31cf3a border color

This element has a border color of #31cf3a.

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

CSS codes

.text {color:#31cf3a;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#041105
```
#041105 rgb(4,17,5)
```
#082109
```
#082109 rgb(8,33,9)
```
#0b310d
```
#0b310d rgb(11,49,13)
```
#0f4012
```
#0f4012 rgb(15,64,18)
```
#135016
```
#135016 rgb(19,80,22)
```
#16601b
```
#16601b rgb(22,96,27)
```
#1a701f
```
#1a701f rgb(26,112,31)
```
#1e8023
```
#1e8023 rgb(30,128,35)
```
#229028
```
#229028 rgb(34,144,40)
```
#25a02c
```
#25a02c rgb(37,160,44)
```
#29b031
```
#29b031 rgb(41,176,49)
```
#2dc035
```
#2dc035 rgb(45,192,53)
```

Shade Color Variation

#31cf3a
```
#31cf3a rgb(49,207,58)
```
#41d349
```
#41d349 rgb(65,211,73)
```
#51d658
```
#51d658 rgb(81,214,88)
```
#61da68
```
#61da68 rgb(97,218,104)
```
#71de77
```
#71de77 rgb(113,222,119)
```
#81e286
```
#81e286 rgb(129,226,134)
```
#90e595
```
#90e595 rgb(144,229,149)
```
#a0e9a4
```
#a0e9a4 rgb(160,233,164)
```
#b0edb4
```
#b0edb4 rgb(176,237,180)
```
#c0f0c3
```
#c0f0c3 rgb(192,240,195)
```
#d0f4d2
```
#d0f4d2 rgb(208,244,210)
```
#e0f8e1
```
#e0f8e1 rgb(224,248,225)
```
#f0fbf1
```
#f0fbf1 rgb(240,251,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7f817f is the less saturated color, while #0af617 is the most saturated one.

#7f817f
```
#7f817f rgb(127,129,127)
```
#758b77
```
#758b77 rgb(117,139,119)
```
#6c946e
```
#6c946e rgb(108,148,110)
```
#629e65
```
#629e65 rgb(98,158,101)
```
#58a85d
```
#58a85d rgb(88,168,93)
```
#4eb254
```
#4eb254 rgb(78,178,84)
```
#45bb4b
```
#45bb4b rgb(69,187,75)
```
#3bc543
```
#3bc543 rgb(59,197,67)
```
#31cf3a
```
#31cf3a rgb(49,207,58)
```
#27d931
```
#27d931 rgb(39,217,49)
```
#1de329
```
#1de329 rgb(29,227,41)
```
#14ec20
```
#14ec20 rgb(20,236,32)
```
#0af617
```
#0af617 rgb(10,246,23)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9c7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb83d Protanopia 1% of men
#e2af53 Deuteranopia 1% of men
#6ec4d2 Tritanopia 0.001% of the population

Trichromacy

#94c03c Protanomaly 1% of men, 0.01% of women
#a1ba4a Deuteranomaly 6% of men, 0.4% of women
#58c89b Tritanomaly 0.01% of the population

#31cf3a hex color

#31cf3a Color Information

#31cf3a Color Conversion

Color Schemes with #31cf3a

Alternatives to #31cf3a

#31cf3a Preview

Shades and Tints of #31cf3a

Tones of #31cf3a

Color Blindness Simulator