#31d164 hex color

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

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

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

The hexadecimal color #31d164 has RGB values of R:49, G:209, B:100 and CMYK values of C:0.77, M:0, Y:0.52, K:0.18. Its decimal value is 3264868.

Hex triplet	31d164	`#31d164`
RGB Decimal	49, 209, 100	`rgb(49,209,100)`
RGB Percent	19.2, 82, 39.2	`rgb(19.2%,82%,39.2%)`
CMYK	77, 0, 52, 18
HSL	139.1°, 63.5, 50.6	`hsl(139.1,63.5%,50.6%)`
HSV (or HSB)	139.1°, 76.6, 82
Web Safe	33cc66	`#33cc66`

CIE-LAB	74.299, -63.131, 42.434
XYZ	26.366, 47.171, 19.771
xyY	0.283, 0.506, 47.171
CIE-LCH	74.299, 76.067, 146.093
CIE-LUV	74.299, -62.676, 64.577
Hunter-Lab	68.681, -51.669, 31.009
Binary	00110001, 11010001, 01100100

#31d164
```
#31d164 rgb(49,209,100)
```
#d1319e
```
#d1319e rgb(209,49,158)
```

Complementary Color

#4ed131
```
#4ed131 rgb(78,209,49)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#31d1b4
```
#31d1b4 rgb(49,209,180)
```

Analogous Color

#d1314e
```
#d1314e rgb(209,49,78)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#b431d1
```
#b431d1 rgb(180,49,209)
```

Split Complementary Color

#d16431
```
#d16431 rgb(209,100,49)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#6431d1
```
#6431d1 rgb(100,49,209)
```

Triadic Color

#9ed131
```
#9ed131 rgb(158,209,49)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#6431d1
```
#6431d1 rgb(100,49,209)
```
#d1319e
```
#d1319e rgb(209,49,158)
```

Tetradic Color

#219446
```
#219446 rgb(33,148,70)
```
#26a950
```
#26a950 rgb(38,169,80)
```
#2abe59
```
#2abe59 rgb(42,190,89)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#46d674
```
#46d674 rgb(70,214,116)
```
#5bda83
```
#5bda83 rgb(91,218,131)
```
#70df93
```
#70df93 rgb(112,223,147)
```

Monochromatic Color

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

#31d13c
```
#31d13c rgb(49,209,60)
```
#31d149
```
#31d149 rgb(49,209,73)
```
#31d157
```
#31d157 rgb(49,209,87)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#31d171
```
#31d171 rgb(49,209,113)
```
#31d17f
```
#31d17f rgb(49,209,127)
```
#31d18c
```
#31d18c rgb(49,209,140)
```

Similar Colors

Text with hexadecimal color #31d164

This text has a font color of #31d164.

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

#31d164 background color

This paragraph has a background color of #31d164.

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

#31d164 border color

This element has a border color of #31d164.

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

CSS codes

.text {color:#31d164;}

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

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

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)
```
#0b3318
```
#0b3318 rgb(11,51,24)
```
#0f431f
```
#0f431f rgb(15,67,31)
```
#125327
```
#125327 rgb(18,83,39)
```
#16632e
```
#16632e rgb(22,99,46)
```
#1a7336
```
#1a7336 rgb(26,115,54)
```
#1d833e
```
#1d833e rgb(29,131,62)
```
#219345
```
#219345 rgb(33,147,69)
```
#24a34d
```
#24a34d rgb(36,163,77)
```
#28b354
```
#28b354 rgb(40,179,84)
```
#2cc35c
```
#2cc35c rgb(44,195,92)
```

Shade Color Variation

#31d164
```
#31d164 rgb(49,209,100)
```
#41d570
```
#41d570 rgb(65,213,112)
```
#51d87c
```
#51d87c rgb(81,216,124)
```
#61dc88
```
#61dc88 rgb(97,220,136)
```
#71df94
```
#71df94 rgb(113,223,148)
```
#81e3a0
```
#81e3a0 rgb(129,227,160)
```
#91e6ac
```
#91e6ac rgb(145,230,172)
```
#a1eab8
```
#a1eab8 rgb(161,234,184)
```
#b1eec5
```
#b1eec5 rgb(177,238,197)
```
#c1f1d1
```
#c1f1d1 rgb(193,241,209)
```
#d1f5dd
```
#d1f5dd rgb(209,245,221)
```
#e1f8e9
```
#e1f8e9 rgb(225,248,233)
```
#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 #0af856 is the most saturated one.

#7f8380
```
#7f8380 rgb(127,131,128)
```
#758d7d
```
#758d7d rgb(117,141,125)
```
#6b9779
```
#6b9779 rgb(107,151,121)
```
#61a176
```
#61a176 rgb(97,161,118)
```
#58aa72
```
#58aa72 rgb(88,170,114)
```
#4eb46f
```
#4eb46f rgb(78,180,111)
```
#44be6b
```
#44be6b rgb(68,190,107)
```
#3bc768
```
#3bc768 rgb(59,199,104)
```
#31d164
```
#31d164 rgb(49,209,100)
```
#27db60
```
#27db60 rgb(39,219,96)
```
#1ee45d
```
#1ee45d rgb(30,228,93)
```
#14ee59
```
#14ee59 rgb(20,238,89)
```
#0af856
```
#0af856 rgb(10,248,86)
```

Tone Color Variation

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

#cdba63 Protanopia 1% of men
#dfb277 Deuteranopia 1% of men
#6ac7d6 Tritanopia 0.001% of the population

Trichromacy

#94c263 Protanomaly 1% of men, 0.01% of women
#a0bd70 Deuteranomaly 6% of men, 0.4% of women
#55cbac Tritanomaly 0.01% of the population

#31d164 hex color

#31d164 Color Information

#31d164 Color Conversion

Color Schemes with #31d164

Alternatives to #31d164

#31d164 Preview

Shades and Tints of #31d164

Tones of #31d164

Color Blindness Simulator