colorhexa.com

#31d06f hex color

In a RGB color space, hex #31d06f is composed of 19.2% red, 81.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 0% magenta, 46.6% yellow and 18.4% black. It has a hue angle of 143.4 degrees, a saturation of 62.8% and a lightness of 50.4%. #31d06f color hex could be obtained by blending #62ffde with #00a100. Closest websafe color is: #33cc66.

- R 19
- G 82
- B 44
RGB color chart
- C 76
- M 0
- Y 47
- K 18
CMYK color chart

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

The hexadecimal color #31d06f has RGB values of R:49, G:208, B:111 and CMYK values of C:0.76, M:0, Y:0.47, K:0.18. Its decimal value is 3264623.

Hex triplet	31d06f	`#31d06f`
RGB Decimal	49, 208, 111	`rgb(49,208,111)`
RGB Percent	19.2, 81.6, 43.5	`rgb(19.2%,81.6%,43.5%)`
CMYK	76, 0, 47, 18
HSL	143.4°, 62.8, 50.4	`hsl(143.4,62.8%,50.4%)`
HSV (or HSB)	143.4°, 76.4, 81.6
Web Safe	33cc66	`#33cc66`

CIE-LAB	74.132, -61.079, 36.833
XYZ	26.69, 46.91, 22.686
xyY	0.277, 0.487, 46.91
CIE-LCH	74.132, 71.326, 148.908
CIE-LUV	74.132, -61.795, 58.266
Hunter-Lab	68.491, -50.3, 28.305
Binary	00110001, 11010000, 01101111

#31d06f
```
#31d06f rgb(49,208,111)
```
#d03192
```
#d03192 rgb(208,49,146)
```

Complementary Color

#43d031
```
#43d031 rgb(67,208,49)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#31d0bf
```
#31d0bf rgb(49,208,191)
```

Analogous Color

#d03143
```
#d03143 rgb(208,49,67)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#bf31d0
```
#bf31d0 rgb(191,49,208)
```

Split Complementary Color

#d06f31
```
#d06f31 rgb(208,111,49)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#6f31d0
```
#6f31d0 rgb(111,49,208)
```

Triadic Color

#92d031
```
#92d031 rgb(146,208,49)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#6f31d0
```
#6f31d0 rgb(111,49,208)
```
#d03192
```
#d03192 rgb(208,49,146)
```

Tetradic Color

#22934e
```
#22934e rgb(34,147,78)
```
#26a859
```
#26a859 rgb(38,168,89)
```
#2bbc64
```
#2bbc64 rgb(43,188,100)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#46d57e
```
#46d57e rgb(70,213,126)
```
#5bd98c
```
#5bd98c rgb(91,217,140)
```
#6fde9b
```
#6fde9b rgb(111,222,155)
```

Monochromatic Color

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

#31d047
```
#31d047 rgb(49,208,71)
```
#31d055
```
#31d055 rgb(49,208,85)
```
#31d062
```
#31d062 rgb(49,208,98)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#31d07c
```
#31d07c rgb(49,208,124)
```
#31d08a
```
#31d08a rgb(49,208,138)
```
#31d097
```
#31d097 rgb(49,208,151)
```

Similar Colors

Text with hexadecimal color #31d06f

This text has a font color of #31d06f.

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

#31d06f background color

This paragraph has a background color of #31d06f.

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

#31d06f border color

This element has a border color of #31d06f.

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

CSS codes

.text {color:#31d06f;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#041209
```
#041209 rgb(4,18,9)
```
#082212
```
#082212 rgb(8,34,18)
```
#0b321a
```
#0b321a rgb(11,50,26)
```
#0f4223
```
#0f4223 rgb(15,66,35)
```
#13512b
```
#13512b rgb(19,81,43)
```
#166134
```
#166134 rgb(22,97,52)
```
#1a713c
```
#1a713c rgb(26,113,60)
```
#1e8144
```
#1e8144 rgb(30,129,68)
```
#21914d
```
#21914d rgb(33,145,77)
```
#25a155
```
#25a155 rgb(37,161,85)
```
#28b15e
```
#28b15e rgb(40,177,94)
```
#2cc166
```
#2cc166 rgb(44,193,102)
```

Shade Color Variation

#31d06f
```
#31d06f rgb(49,208,111)
```
#41d47a
```
#41d47a rgb(65,212,122)
```
#51d785
```
#51d785 rgb(81,215,133)
```
#61db90
```
#61db90 rgb(97,219,144)
```
#71df9c
```
#71df9c rgb(113,223,156)
```
#81e2a7
```
#81e2a7 rgb(129,226,167)
```
#91e6b2
```
#91e6b2 rgb(145,230,178)
```
#a1eabd
```
#a1eabd rgb(161,234,189)
```
#b1edc8
```
#b1edc8 rgb(177,237,200)
```
#c1f1d3
```
#c1f1d3 rgb(193,241,211)
```
#d1f4df
```
#d1f4df rgb(209,244,223)
```
#e1f8ea
```
#e1f8ea rgb(225,248,234)
```
#f1fcf5
```
#f1fcf5 rgb(241,252,245)
```

Tint Color Variation

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

#7f8280
```
#7f8280 rgb(127,130,128)
```
#758c7e
```
#758c7e rgb(117,140,126)
```
#6b967c
```
#6b967c rgb(107,150,124)
```
#629f7a
```
#629f7a rgb(98,159,122)
```
#58a978
```
#58a978 rgb(88,169,120)
```
#4eb375
```
#4eb375 rgb(78,179,117)
```
#44bd73
```
#44bd73 rgb(68,189,115)
```
#3bc671
```
#3bc671 rgb(59,198,113)
```
#31d06f
```
#31d06f rgb(49,208,111)
```
#27da6d
```
#27da6d rgb(39,218,109)
```
#1ee36b
```
#1ee36b rgb(30,227,107)
```
#14ed69
```
#14ed69 rgb(20,237,105)
```
#0af766
```
#0af766 rgb(10,247,102)
```

Tone Color Variation

Below, you can see how #31d06f 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
#81a18d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbba6d Protanopia 1% of men
#ddb281 Deuteranopia 1% of men
#68c7d6 Tritanopia 0.001% of the population

Trichromacy

#93c26e Protanomaly 1% of men, 0.01% of women
#9ebd7a Deuteranomaly 6% of men, 0.4% of women
#54cab0 Tritanomaly 0.01% of the population