#31b664 hex color

In a RGB color space, hex #31b664 is composed of 19.2% red, 71.4% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 73.1% cyan, 0% magenta, 45.1% yellow and 28.6% black. It has a hue angle of 143 degrees, a saturation of 57.6% and a lightness of 45.3%. #31b664 color hex could be obtained by blending #62ffc8 with #006d00. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 71
- B 39
RGB color chart
- C 73
- M 0
- Y 45
- K 29
CMYK color chart

● #31b664 color description : Moderate cyan - lime green.

The hexadecimal color #31b664 has RGB values of R:49, G:182, B:100 and CMYK values of C:0.73, M:0, Y:0.45, K:0.29. Its decimal value is 3257956.

Hex triplet	31b664	`#31b664`
RGB Decimal	49, 182, 100	`rgb(49,182,100)`
RGB Percent	19.2, 71.4, 39.2	`rgb(19.2%,71.4%,39.2%)`
CMYK	73, 0, 45, 29
HSL	143°, 57.6, 45.3	`hsl(143,57.6%,45.3%)`
HSV (or HSB)	143°, 73.1, 71.4
Web Safe	33cc66	`#33cc66`

CIE-LAB	65.77, -53.613, 31.732
XYZ	20.293, 35.027, 17.747
xyY	0.278, 0.479, 35.027
CIE-LCH	65.77, 62.3, 149.38
CIE-LUV	65.77, -53.276, 49.589
Hunter-Lab	59.184, -42.365, 23.649
Binary	00110001, 10110110, 01100100

#31b664
```
#31b664 rgb(49,182,100)
```
#b63183
```
#b63183 rgb(182,49,131)
```

Complementary Color

#41b631
```
#41b631 rgb(65,182,49)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#31b6a7
```
#31b6a7 rgb(49,182,167)
```

Analogous Color

#b63141
```
#b63141 rgb(182,49,65)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#a731b6
```
#a731b6 rgb(167,49,182)
```

Split Complementary Color

#b66431
```
#b66431 rgb(182,100,49)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#6431b6
```
#6431b6 rgb(100,49,182)
```

Triadic Color

#83b631
```
#83b631 rgb(131,182,49)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#6431b6
```
#6431b6 rgb(100,49,182)
```
#b63183
```
#b63183 rgb(182,49,131)
```

Tetradic Color

#217a43
```
#217a43 rgb(33,122,67)
```
#268e4e
```
#268e4e rgb(38,142,78)
```
#2ca259
```
#2ca259 rgb(44,162,89)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#37c96f
```
#37c96f rgb(55,201,111)
```
#4bcf7e
```
#4bcf7e rgb(75,207,126)
```
#5fd48c
```
#5fd48c rgb(95,212,140)
```

Monochromatic Color

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

#31b643
```
#31b643 rgb(49,182,67)
```
#31b64e
```
#31b64e rgb(49,182,78)
```
#31b659
```
#31b659 rgb(49,182,89)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#31b66f
```
#31b66f rgb(49,182,111)
```
#31b67a
```
#31b67a rgb(49,182,122)
```
#31b685
```
#31b685 rgb(49,182,133)
```

Similar Colors

Text with hexadecimal color #31b664

This text has a font color of #31b664.

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

#31b664 background color

This paragraph has a background color of #31b664.

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

#31b664 border color

This element has a border color of #31b664.

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

CSS codes

.text {color:#31b664;}

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

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

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, #030c07 is the darkest color, while #fcfefd is the lightest one.

#030c07
```
#030c07 rgb(3,12,7)
```
#071b0f
```
#071b0f rgb(7,27,15)
```
#0c2b18
```
#0c2b18 rgb(12,43,24)
```
#103a20
```
#103a20 rgb(16,58,32)
```
#144a29
```
#144a29 rgb(20,74,41)
```
#185931
```
#185931 rgb(24,89,49)
```
#1c693a
```
#1c693a rgb(28,105,58)
```
#207842
```
#207842 rgb(32,120,66)
```
#25884b
```
#25884b rgb(37,136,75)
```
#299753
```
#299753 rgb(41,151,83)
```
#2da75c
```
#2da75c rgb(45,167,92)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#35c56c
```
#35c56c rgb(53,197,108)
```

Shade Color Variation

#42cc77
```
#42cc77 rgb(66,204,119)
```
#52d082
```
#52d082 rgb(82,208,130)
```
#61d48d
```
#61d48d rgb(97,212,141)
```
#70d998
```
#70d998 rgb(112,217,152)
```
#80dda4
```
#80dda4 rgb(128,221,164)
```
#8fe1af
```
#8fe1af rgb(143,225,175)
```
#9fe5ba
```
#9fe5ba rgb(159,229,186)
```
#aee9c5
```
#aee9c5 rgb(174,233,197)
```
#beedd0
```
#beedd0 rgb(190,237,208)
```
#cdf2db
```
#cdf2db rgb(205,242,219)
```
#ddf6e6
```
#ddf6e6 rgb(221,246,230)
```
#ecfaf1
```
#ecfaf1 rgb(236,250,241)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7872 is the less saturated color, while #05e25a is the most saturated one.

#6f7872
```
#6f7872 rgb(111,120,114)
```
#668170
```
#668170 rgb(102,129,112)
```
#5d8a6e
```
#5d8a6e rgb(93,138,110)
```
#55926c
```
#55926c rgb(85,146,108)
```
#4c9b6a
```
#4c9b6a rgb(76,155,106)
```
#43a468
```
#43a468 rgb(67,164,104)
```
#3aad66
```
#3aad66 rgb(58,173,102)
```
#31b664
```
#31b664 rgb(49,182,100)
```
#28bf62
```
#28bf62 rgb(40,191,98)
```
#1fc860
```
#1fc860 rgb(31,200,96)
```
#16d15e
```
#16d15e rgb(22,209,94)
```
#0dda5c
```
#0dda5c rgb(13,218,92)
```
#05e25a
```
#05e25a rgb(5,226,90)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a464 Protanopia 1% of men
#c39e75 Deuteranopia 1% of men
#5fb0bd Tritanopia 0.001% of the population

Trichromacy

#84ab64 Protanomaly 1% of men, 0.01% of women
#8da66f Deuteranomaly 6% of men, 0.4% of women
#4eb29c Tritanomaly 0.01% of the population

#31b664 hex color

#31b664 Color Information

#31b664 Color Conversion

Color Schemes with #31b664

Alternatives to #31b664

#31b664 Preview

Shades and Tints of #31b664

Tones of #31b664

Color Blindness Simulator