#31bd96 hex color

In a RGB color space, hex #31bd96 is composed of 19.2% red, 74.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 0% magenta, 20.6% yellow and 25.9% black. It has a hue angle of 163.3 degrees, a saturation of 58.8% and a lightness of 46.7%. #31bd96 color hex could be obtained by blending #62ffff with #007b2d. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 74
- B 59
RGB color chart
- C 74
- M 0
- Y 21
- K 26
CMYK color chart

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

The hexadecimal color #31bd96 has RGB values of R:49, G:189, B:150 and CMYK values of C:0.74, M:0, Y:0.21, K:0.26. Its decimal value is 3259798.

Hex triplet	31bd96	`#31bd96`
RGB Decimal	49, 189, 150	`rgb(49,189,150)`
RGB Percent	19.2, 74.1, 58.8	`rgb(19.2%,74.1%,58.8%)`
CMYK	74, 0, 21, 26
HSL	163.3°, 58.8, 46.7	`hsl(163.3,58.8%,46.7%)`
HSV (or HSB)	163.3°, 74.1, 74.1
Web Safe	33cc99	`#33cc99`

CIE-LAB	68.93, -45.86, 9.282
XYZ	24.967, 39.248, 35.112
xyY	0.251, 0.395, 39.248
CIE-LCH	68.93, 46.79, 168.559
CIE-LUV	68.93, -52.82, 20.547
Hunter-Lab	62.648, -38.496, 10.623
Binary	00110001, 10111101, 10010110

#31bd96
```
#31bd96 rgb(49,189,150)
```
#bd3158
```
#bd3158 rgb(189,49,88)
```

Complementary Color

#31bd50
```
#31bd50 rgb(49,189,80)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#319ebd
```
#319ebd rgb(49,158,189)
```

Analogous Color

#bd5031
```
#bd5031 rgb(189,80,49)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#bd319e
```
#bd319e rgb(189,49,158)
```

Split Complementary Color

#bd9631
```
#bd9631 rgb(189,150,49)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#9631bd
```
#9631bd rgb(150,49,189)
```

Triadic Color

#58bd31
```
#58bd31 rgb(88,189,49)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#9631bd
```
#9631bd rgb(150,49,189)
```
#bd3158
```
#bd3158 rgb(189,49,88)
```

Tetradic Color

#218066
```
#218066 rgb(33,128,102)
```
#279576
```
#279576 rgb(39,149,118)
```
#2ca986
```
#2ca986 rgb(44,169,134)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#3bcca4
```
#3bcca4 rgb(59,204,164)
```
#50d2ad
```
#50d2ad rgb(80,210,173)
```
#64d7b7
```
#64d7b7 rgb(100,215,183)
```

Monochromatic Color

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

#31bd73
```
#31bd73 rgb(49,189,115)
```
#31bd7f
```
#31bd7f rgb(49,189,127)
```
#31bd8a
```
#31bd8a rgb(49,189,138)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#31bda2
```
#31bda2 rgb(49,189,162)
```
#31bdad
```
#31bdad rgb(49,189,173)
```
#31bdb9
```
#31bdb9 rgb(49,189,185)
```

Similar Colors

Text with hexadecimal color #31bd96

This text has a font color of #31bd96.

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

#31bd96 background color

This paragraph has a background color of #31bd96.

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

#31bd96 border color

This element has a border color of #31bd96.

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

CSS codes

.text {color:#31bd96;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#05120e
```
#05120e rgb(5,18,14)
```
#09211a
```
#09211a rgb(9,33,26)
```
#0d3127
```
#0d3127 rgb(13,49,39)
```
#114033
```
#114033 rgb(17,64,51)
```
#15503f
```
#15503f rgb(21,80,63)
```
#19604c
```
#19604c rgb(25,96,76)
```
#1d6f58
```
#1d6f58 rgb(29,111,88)
```
#217f65
```
#217f65 rgb(33,127,101)
```
#258e71
```
#258e71 rgb(37,142,113)
```
#299e7d
```
#299e7d rgb(41,158,125)
```
#2dad8a
```
#2dad8a rgb(45,173,138)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```

Shade Color Variation

#37cba2
```
#37cba2 rgb(55,203,162)
```
#46cfa9
```
#46cfa9 rgb(70,207,169)
```
#56d3b0
```
#56d3b0 rgb(86,211,176)
```
#65d7b7
```
#65d7b7 rgb(101,215,183)
```
#75dbbf
```
#75dbbf rgb(117,219,191)
```
#84dfc6
```
#84dfc6 rgb(132,223,198)
```
#94e3cd
```
#94e3cd rgb(148,227,205)
```
#a4e7d4
```
#a4e7d4 rgb(164,231,212)
```
#b3ebdc
```
#b3ebdc rgb(179,235,220)
```
#c3efe3
```
#c3efe3 rgb(195,239,227)
```
#d2f3ea
```
#d2f3ea rgb(210,243,234)
```
#e2f7f1
```
#e2f7f1 rgb(226,247,241)
```
#f2fcf9
```
#f2fcf9 rgb(242,252,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717d7a is the less saturated color, while #03ebaa is the most saturated one.

#717d7a
```
#717d7a rgb(113,125,122)
```
#68867e
```
#68867e rgb(104,134,126)
```
#5f8f82
```
#5f8f82 rgb(95,143,130)
```
#569886
```
#569886 rgb(86,152,134)
```
#4ca28a
```
#4ca28a rgb(76,162,138)
```
#43ab8e
```
#43ab8e rgb(67,171,142)
```
#3ab492
```
#3ab492 rgb(58,180,146)
```
#31bd96
```
#31bd96 rgb(49,189,150)
```
#28c69a
```
#28c69a rgb(40,198,154)
```
#1fcf9e
```
#1fcf9e rgb(31,207,158)
```
#16d8a2
```
#16d8a2 rgb(22,216,162)
```
#0ce2a6
```
#0ce2a6 rgb(12,226,166)
```
#03ebaa
```
#03ebaa rgb(3,235,170)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7c9890 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5ac92 Protanopia 1% of men
#bfa7a4 Deuteranopia 1% of men
#56bac7 Tritanopia 0.001% of the population

Trichromacy

#85b293 Protanomaly 1% of men, 0.01% of women
#8baf9f Deuteranomaly 6% of men, 0.4% of women
#48bbb5 Tritanomaly 0.01% of the population

#31bd96 hex color

#31bd96 Color Information

#31bd96 Color Conversion

Color Schemes with #31bd96

Alternatives to #31bd96

#31bd96 Preview

Shades and Tints of #31bd96

Tones of #31bd96

Color Blindness Simulator