#31d162 hex color

In a RGB color space, hex #31d162 is composed of 19.2% red, 82% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 53.1% yellow and 18% black. It has a hue angle of 138.4 degrees, a saturation of 63.5% and a lightness of 50.6%. #31d162 color hex could be obtained by blending #62ffc4 with #00a300. Closest websafe color is: #33cc66.

♥
- f
- t
- g
- R 19
- G 82
- B 38
RGB color chart
- C 77
- M 0
- Y 53
- K 18
CMYK color chart

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

The hexadecimal color #31d162 has RGB values of R:49, G:209, B:98 and CMYK values of C:0.77, M:0, Y:0.53, K:0.18. Its decimal value is 3264866.

Hex triplet	31d162	`#31d162`
RGB Decimal	49, 209, 98	`rgb(49,209,98)`
RGB Percent	19.2, 82, 38.4	`rgb(19.2%,82%,38.4%)`
CMYK	77, 0, 53, 18
HSL	138.4°, 63.5, 50.6	`hsl(138.4,63.5%,50.6%)`
HSV (or HSB)	138.4°, 76.6, 82
Web Safe	33cc66	`#33cc66`

CIE-LAB	74.275, -63.421, 43.362
XYZ	26.27, 47.133, 19.268
xyY	0.283, 0.509, 47.133
CIE-LCH	74.275, 76.827, 145.639
CIE-LUV	74.275, -62.769, 65.559
Hunter-Lab	68.654, -51.841, 31.418
Binary	00110001, 11010001, 01100010

#31d162
```
#31d162 rgb(49,209,98)
```
#d131a0
```
#d131a0 rgb(209,49,160)
```

Complementary Color

#50d131
```
#50d131 rgb(80,209,49)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#31d1b2
```
#31d1b2 rgb(49,209,178)
```

Analogous Color

#d13150
```
#d13150 rgb(209,49,80)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#b231d1
```
#b231d1 rgb(178,49,209)
```

Split Complementary Color

#d16231
```
#d16231 rgb(209,98,49)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#6231d1
```
#6231d1 rgb(98,49,209)
```

Triadic Color

#a0d131
```
#a0d131 rgb(160,209,49)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#6231d1
```
#6231d1 rgb(98,49,209)
```
#d131a0
```
#d131a0 rgb(209,49,160)
```

Tetradic Color

#219444
```
#219444 rgb(33,148,68)
```
#26a94e
```
#26a94e rgb(38,169,78)
```
#2abe58
```
#2abe58 rgb(42,190,88)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#46d672
```
#46d672 rgb(70,214,114)
```
#5bda82
```
#5bda82 rgb(91,218,130)
```
#70df92
```
#70df92 rgb(112,223,146)
```

Monochromatic Color

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

#31d13a
```
#31d13a rgb(49,209,58)
```
#31d147
```
#31d147 rgb(49,209,71)
```
#31d155
```
#31d155 rgb(49,209,85)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#31d16f
```
#31d16f rgb(49,209,111)
```
#31d17d
```
#31d17d rgb(49,209,125)
```
#31d18a
```
#31d18a rgb(49,209,138)
```

Similar Colors

Text with hexadecimal color #31d162

This text has a font color of #31d162.

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

#31d162 background color

This paragraph has a background color of #31d162.

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

#31d162 border color

This element has a border color of #31d162.

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

CSS codes

.text {color:#31d162;}

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

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

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

#010201
```
#010201 rgb(1,2,1)
```
#041209
```
#041209 rgb(4,18,9)
```
#082310
```
#082310 rgb(8,35,16)
```
#0b3317
```
#0b3317 rgb(11,51,23)
```
#0f431f
```
#0f431f rgb(15,67,31)
```
#125326
```
#125326 rgb(18,83,38)
```
#16632d
```
#16632d rgb(22,99,45)
```
#1a7335
```
#1a7335 rgb(26,115,53)
```
#1d833c
```
#1d833c rgb(29,131,60)
```
#219344
```
#219344 rgb(33,147,68)
```
#24a34b
```
#24a34b rgb(36,163,75)
```
#28b352
```
#28b352 rgb(40,179,82)
```
#2cc35a
```
#2cc35a rgb(44,195,90)
```

Shade Color Variation

#31d162
```
#31d162 rgb(49,209,98)
```
#41d56e
```
#41d56e rgb(65,213,110)
```
#51d87a
```
#51d87a rgb(81,216,122)
```
#61dc87
```
#61dc87 rgb(97,220,135)
```
#71df93
```
#71df93 rgb(113,223,147)
```
#81e39f
```
#81e39f rgb(129,227,159)
```
#91e6ab
```
#91e6ab rgb(145,230,171)
```
#a1eab8
```
#a1eab8 rgb(161,234,184)
```
#b1eec4
```
#b1eec4 rgb(177,238,196)
```
#c1f1d0
```
#c1f1d0 rgb(193,241,208)
```
#d1f5dc
```
#d1f5dc rgb(209,245,220)
```
#e1f8e8
```
#e1f8e8 rgb(225,248,232)
```
#f1fcf5
```
#f1fcf5 rgb(241,252,245)
```

Tint Color Variation

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

#7f8380
```
#7f8380 rgb(127,131,128)
```
#758d7c
```
#758d7c rgb(117,141,124)
```
#6b9779
```
#6b9779 rgb(107,151,121)
```
#61a175
```
#61a175 rgb(97,161,117)
```
#58aa71
```
#58aa71 rgb(88,170,113)
```
#4eb46d
```
#4eb46d rgb(78,180,109)
```
#44be6a
```
#44be6a rgb(68,190,106)
```
#3bc766
```
#3bc766 rgb(59,199,102)
```
#31d162
```
#31d162 rgb(49,209,98)
```
#27db5e
```
#27db5e rgb(39,219,94)
```
#1ee45a
```
#1ee45a rgb(30,228,90)
```
#14ee57
```
#14ee57 rgb(20,238,87)
```
#0af853
```
#0af853 rgb(10,248,83)
```

Tone Color Variation

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

Dichromacy

#cdba62 Protanopia 1% of men
#dfb276 Deuteranopia 1% of men
#6bc7d6 Tritanopia 0.001% of the population

Trichromacy

#94c262 Protanomaly 1% of men, 0.01% of women
#a0bd6e Deuteranomaly 6% of men, 0.4% of women
#56cbab Tritanomaly 0.01% of the population

#31d162 hex color

#31d162 Color Information

#31d162 Color Conversion

Color Schemes with #31d162

Alternatives to #31d162

#31d162 Preview

Shades and Tints of #31d162

Tones of #31d162

Color Blindness Simulator