#31b682 hex color

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

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

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

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

Hex triplet	31b682	`#31b682`
RGB Decimal	49, 182, 130	`rgb(49,182,130)`
RGB Percent	19.2, 71.4, 51	`rgb(19.2%,71.4%,51%)`
CMYK	73, 0, 29, 29
HSL	156.5°, 57.6, 45.3	`hsl(156.5,57.6%,45.3%)`
HSV (or HSB)	156.5°, 73.1, 71.4
Web Safe	33cc99	`#33cc99`

CIE-LAB	66.304, -47.662, 16.484
XYZ	22.022, 35.718, 26.852
xyY	0.26, 0.422, 35.718
CIE-LCH	66.304, 50.432, 160.922
CIE-LUV	66.304, -51.585, 30.384
Hunter-Lab	59.765, -38.815, 15.197
Binary	00110001, 10110110, 10000010

#31b682
```
#31b682 rgb(49,182,130)
```
#b63165
```
#b63165 rgb(182,49,101)
```

Complementary Color

#31b640
```
#31b640 rgb(49,182,64)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#31a8b6
```
#31a8b6 rgb(49,168,182)
```

Analogous Color

#b64031
```
#b64031 rgb(182,64,49)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#b631a8
```
#b631a8 rgb(182,49,168)
```

Split Complementary Color

#b68231
```
#b68231 rgb(182,130,49)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#8231b6
```
#8231b6 rgb(130,49,182)
```

Triadic Color

#65b631
```
#65b631 rgb(101,182,49)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#8231b6
```
#8231b6 rgb(130,49,182)
```
#b63165
```
#b63165 rgb(182,49,101)
```

Tetradic Color

#217a57
```
#217a57 rgb(33,122,87)
```
#268e65
```
#268e65 rgb(38,142,101)
```
#2ca274
```
#2ca274 rgb(44,162,116)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#37c990
```
#37c990 rgb(55,201,144)
```
#4bcf9b
```
#4bcf9b rgb(75,207,155)
```
#5fd4a6
```
#5fd4a6 rgb(95,212,166)
```

Monochromatic Color

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

#31b661
```
#31b661 rgb(49,182,97)
```
#31b66c
```
#31b66c rgb(49,182,108)
```
#31b677
```
#31b677 rgb(49,182,119)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#31b68d
```
#31b68d rgb(49,182,141)
```
#31b698
```
#31b698 rgb(49,182,152)
```
#31b6a3
```
#31b6a3 rgb(49,182,163)
```

Similar Colors

Text with hexadecimal color #31b682

This text has a font color of #31b682.

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

#31b682 background color

This paragraph has a background color of #31b682.

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

#31b682 border color

This element has a border color of #31b682.

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

CSS codes

.text {color:#31b682;}

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

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

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

#030c09
```
#030c09 rgb(3,12,9)
```
#071b14
```
#071b14 rgb(7,27,20)
```
#0c2b1f
```
#0c2b1f rgb(12,43,31)
```
#103a2a
```
#103a2a rgb(16,58,42)
```
#144a35
```
#144a35 rgb(20,74,53)
```
#185940
```
#185940 rgb(24,89,64)
```
#1c694b
```
#1c694b rgb(28,105,75)
```
#207856
```
#207856 rgb(32,120,86)
```
#258861
```
#258861 rgb(37,136,97)
```
#29976c
```
#29976c rgb(41,151,108)
```
#2da777
```
#2da777 rgb(45,167,119)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#35c58d
```
#35c58d rgb(53,197,141)
```

Shade Color Variation

#42cc96
```
#42cc96 rgb(66,204,150)
```
#52d09f
```
#52d09f rgb(82,208,159)
```
#61d4a7
```
#61d4a7 rgb(97,212,167)
```
#70d9b0
```
#70d9b0 rgb(112,217,176)
```
#80ddb8
```
#80ddb8 rgb(128,221,184)
```
#8fe1c1
```
#8fe1c1 rgb(143,225,193)
```
#9fe5ca
```
#9fe5ca rgb(159,229,202)
```
#aee9d2
```
#aee9d2 rgb(174,233,210)
```
#beeddb
```
#beeddb rgb(190,237,219)
```
#cdf2e3
```
#cdf2e3 rgb(205,242,227)
```
#ddf6ec
```
#ddf6ec rgb(221,246,236)
```
#ecfaf5
```
#ecfaf5 rgb(236,250,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#6f7874
```
#6f7874 rgb(111,120,116)
```
#668176
```
#668176 rgb(102,129,118)
```
#5d8a78
```
#5d8a78 rgb(93,138,120)
```
#55927a
```
#55927a rgb(85,146,122)
```
#4c9b7c
```
#4c9b7c rgb(76,155,124)
```
#43a47e
```
#43a47e rgb(67,164,126)
```
#3aad80
```
#3aad80 rgb(58,173,128)
```
#31b682
```
#31b682 rgb(49,182,130)
```
#28bf84
```
#28bf84 rgb(40,191,132)
```
#1fc886
```
#1fc886 rgb(31,200,134)
```
#16d188
```
#16d188 rgb(22,209,136)
```
#0dda8a
```
#0dda8a rgb(13,218,138)
```
#05e28c
```
#05e28c rgb(5,226,140)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#779187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a57f Protanopia 1% of men
#bda091 Deuteranopia 1% of men
#58b2bf Tritanopia 0.001% of the population

Trichromacy

#82ab80 Protanomaly 1% of men, 0.01% of women
#8aa88b Deuteranomaly 6% of men, 0.4% of women
#4ab3a9 Tritanomaly 0.01% of the population

#31b682 hex color

#31b682 Color Information

#31b682 Color Conversion

Color Schemes with #31b682

Alternatives to #31b682

#31b682 Preview

Shades and Tints of #31b682

Tones of #31b682

Color Blindness Simulator