#31cf72 hex color

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

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

● #31cf72 color description : Strong cyan - lime green.

The hexadecimal color #31cf72 has RGB values of R:49, G:207, B:114 and CMYK values of C:0.76, M:0, Y:0.45, K:0.19. Its decimal value is 3264370.

Hex triplet	31cf72	`#31cf72`
RGB Decimal	49, 207, 114	`rgb(49,207,114)`
RGB Percent	19.2, 81.2, 44.7	`rgb(19.2%,81.2%,44.7%)`
CMYK	76, 0, 45, 19
HSL	144.7°, 62.2, 50.2	`hsl(144.7,62.2%,50.2%)`
HSV (or HSB)	144.7°, 76.3, 81.2
Web Safe	33cc66	`#33cc66`

CIE-LAB	73.863, -60.226, 34.986
XYZ	26.615, 46.491, 23.49
xyY	0.276, 0.481, 46.491
CIE-LCH	73.863, 69.651, 149.848
CIE-LUV	73.863, -61.296, 56.021
Hunter-Lab	68.184, -49.647, 27.303
Binary	00110001, 11001111, 01110010

#31cf72
```
#31cf72 rgb(49,207,114)
```
#cf318e
```
#cf318e rgb(207,49,142)
```

Complementary Color

#3fcf31
```
#3fcf31 rgb(63,207,49)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#31cfc1
```
#31cfc1 rgb(49,207,193)
```

Analogous Color

#cf313f
```
#cf313f rgb(207,49,63)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#c131cf
```
#c131cf rgb(193,49,207)
```

Split Complementary Color

#cf7231
```
#cf7231 rgb(207,114,49)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#7231cf
```
#7231cf rgb(114,49,207)
```

Triadic Color

#8ecf31
```
#8ecf31 rgb(142,207,49)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#7231cf
```
#7231cf rgb(114,49,207)
```
#cf318e
```
#cf318e rgb(207,49,142)
```

Tetradic Color

#229250
```
#229250 rgb(34,146,80)
```
#27a65b
```
#27a65b rgb(39,166,91)
```
#2cbb67
```
#2cbb67 rgb(44,187,103)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#46d480
```
#46d480 rgb(70,212,128)
```
#5ad98e
```
#5ad98e rgb(90,217,142)
```
#6fdd9c
```
#6fdd9c rgb(111,221,156)
```

Monochromatic Color

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

#31cf4b
```
#31cf4b rgb(49,207,75)
```
#31cf58
```
#31cf58 rgb(49,207,88)
```
#31cf65
```
#31cf65 rgb(49,207,101)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#31cf7f
```
#31cf7f rgb(49,207,127)
```
#31cf8c
```
#31cf8c rgb(49,207,140)
```
#31cf9a
```
#31cf9a rgb(49,207,154)
```

Similar Colors

Text with hexadecimal color #31cf72

This text has a font color of #31cf72.

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

#31cf72 background color

This paragraph has a background color of #31cf72.

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

#31cf72 border color

This element has a border color of #31cf72.

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

CSS codes

.text {color:#31cf72;}

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

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

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 #f0fbf5 is the lightest one.

#000100
```
#000100 rgb(0,1,0)
```
#041109
```
#041109 rgb(4,17,9)
```
#082112
```
#082112 rgb(8,33,18)
```
#0b311b
```
#0b311b rgb(11,49,27)
```
#0f4023
```
#0f4023 rgb(15,64,35)
```
#13502c
```
#13502c rgb(19,80,44)
```
#166035
```
#166035 rgb(22,96,53)
```
#1a703e
```
#1a703e rgb(26,112,62)
```
#1e8046
```
#1e8046 rgb(30,128,70)
```
#22904f
```
#22904f rgb(34,144,79)
```
#25a058
```
#25a058 rgb(37,160,88)
```
#29b060
```
#29b060 rgb(41,176,96)
```
#2dc069
```
#2dc069 rgb(45,192,105)
```

Shade Color Variation

#31cf72
```
#31cf72 rgb(49,207,114)
```
#41d37d
```
#41d37d rgb(65,211,125)
```
#51d688
```
#51d688 rgb(81,214,136)
```
#61da93
```
#61da93 rgb(97,218,147)
```
#71de9e
```
#71de9e rgb(113,222,158)
```
#81e2a8
```
#81e2a8 rgb(129,226,168)
```
#90e5b3
```
#90e5b3 rgb(144,229,179)
```
#a0e9be
```
#a0e9be rgb(160,233,190)
```
#b0edc9
```
#b0edc9 rgb(176,237,201)
```
#c0f0d4
```
#c0f0d4 rgb(192,240,212)
```
#d0f4df
```
#d0f4df rgb(208,244,223)
```
#e0f8ea
```
#e0f8ea rgb(224,248,234)
```
#f0fbf5
```
#f0fbf5 rgb(240,251,245)
```

Tint Color Variation

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

#7f8180
```
#7f8180 rgb(127,129,128)
```
#758b7e
```
#758b7e rgb(117,139,126)
```
#6c947c
```
#6c947c rgb(108,148,124)
```
#629e7b
```
#629e7b rgb(98,158,123)
```
#58a879
```
#58a879 rgb(88,168,121)
```
#4eb277
```
#4eb277 rgb(78,178,119)
```
#45bb75
```
#45bb75 rgb(69,187,117)
```
#3bc574
```
#3bc574 rgb(59,197,116)
```
#31cf72
```
#31cf72 rgb(49,207,114)
```
#27d970
```
#27d970 rgb(39,217,112)
```
#1de36f
```
#1de36f rgb(29,227,111)
```
#14ec6d
```
#14ec6d rgb(20,236,109)
```
#0af66b
```
#0af66b rgb(10,246,107)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#81a18e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab970 Protanopia 1% of men
#dbb184 Deuteranopia 1% of men
#67c6d5 Tritanopia 0.001% of the population

Trichromacy

#92c171 Protanomaly 1% of men, 0.01% of women
#9dbc7d Deuteranomaly 6% of men, 0.4% of women
#53c9b1 Tritanomaly 0.01% of the population

#31cf72 hex color

#31cf72 Color Information

#31cf72 Color Conversion

Color Schemes with #31cf72

Alternatives to #31cf72

#31cf72 Preview

Shades and Tints of #31cf72

Tones of #31cf72

Color Blindness Simulator