#31b086 hex color

In a RGB color space, hex #31b086 is composed of 19.2% red, 69% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 72.2% cyan, 0% magenta, 23.9% yellow and 31% black. It has a hue angle of 160.2 degrees, a saturation of 56.4% and a lightness of 44.1%. #31b086 color hex could be obtained by blending #62ffff with #00610d. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 69
- B 53
RGB color chart
- C 72
- M 0
- Y 24
- K 31
CMYK color chart

● #31b086 color description : Dark cyan - lime green.

The hexadecimal color #31b086 has RGB values of R:49, G:176, B:134 and CMYK values of C:0.72, M:0, Y:0.24, K:0.31. Its decimal value is 3256454.

Hex triplet	31b086	`#31b086`
RGB Decimal	49, 176, 134	`rgb(49,176,134)`
RGB Percent	19.2, 69, 52.5	`rgb(19.2%,69%,52.5%)`
CMYK	72, 0, 24, 31
HSL	160.2°, 56.4, 44.1	`hsl(160.2,56.4%,44.1%)`
HSV (or HSB)	160.2°, 72.2, 69
Web Safe	339999	`#339999`

CIE-LAB	64.502, -44.272, 11.776
XYZ	21.093, 33.423, 27.893
xyY	0.256, 0.406, 33.423
CIE-LCH	64.502, 45.812, 165.105
CIE-LUV	64.502, -49.168, 23.436
Hunter-Lab	57.813, -36.045, 11.863
Binary	00110001, 10110000, 10000110

#31b086
```
#31b086 rgb(49,176,134)
```
#b0315b
```
#b0315b rgb(176,49,91)
```

Complementary Color

#31b047
```
#31b047 rgb(49,176,71)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#319bb0
```
#319bb0 rgb(49,155,176)
```

Analogous Color

#b04731
```
#b04731 rgb(176,71,49)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#b0319b
```
#b0319b rgb(176,49,155)
```

Split Complementary Color

#b08631
```
#b08631 rgb(176,134,49)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#8631b0
```
#8631b0 rgb(134,49,176)
```

Triadic Color

#5bb031
```
#5bb031 rgb(91,176,49)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#8631b0
```
#8631b0 rgb(134,49,176)
```
#b0315b
```
#b0315b rgb(176,49,91)
```

Tetradic Color

#207458
```
#207458 rgb(32,116,88)
```
#268868
```
#268868 rgb(38,136,104)
```
#2b9c77
```
#2b9c77 rgb(43,156,119)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#37c495
```
#37c495 rgb(55,196,149)
```
#48cca0
```
#48cca0 rgb(72,204,160)
```
#5cd2ab
```
#5cd2ab rgb(92,210,171)
```

Monochromatic Color

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

#31b066
```
#31b066 rgb(49,176,102)
```
#31b071
```
#31b071 rgb(49,176,113)
```
#31b07b
```
#31b07b rgb(49,176,123)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#31b091
```
#31b091 rgb(49,176,145)
```
#31b09b
```
#31b09b rgb(49,176,155)
```
#31b0a6
```
#31b0a6 rgb(49,176,166)
```

Similar Colors

Text with hexadecimal color #31b086

This text has a font color of #31b086.

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

#31b086 background color

This paragraph has a background color of #31b086.

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

#31b086 border color

This element has a border color of #31b086.

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

CSS codes

.text {color:#31b086;}

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

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

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

#020705
```
#020705 rgb(2,7,5)
```
#061711
```
#061711 rgb(6,23,17)
```
#0b261d
```
#0b261d rgb(11,38,29)
```
#0f3529
```
#0f3529 rgb(15,53,41)
```
#134534
```
#134534 rgb(19,69,52)
```
#175440
```
#175440 rgb(23,84,64)
```
#1c634c
```
#1c634c rgb(28,99,76)
```
#207357
```
#207357 rgb(32,115,87)
```
#248263
```
#248263 rgb(36,130,99)
```
#28916f
```
#28916f rgb(40,145,111)
```
#2da17a
```
#2da17a rgb(45,161,122)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#35bf92
```
#35bf92 rgb(53,191,146)
```

Shade Color Variation

#3fc99c
```
#3fc99c rgb(63,201,156)
```
#4ecea4
```
#4ecea4 rgb(78,206,164)
```
#5dd2ab
```
#5dd2ab rgb(93,210,171)
```
#6dd6b3
```
#6dd6b3 rgb(109,214,179)
```
#7cdbbb
```
#7cdbbb rgb(124,219,187)
```
#8bdfc3
```
#8bdfc3 rgb(139,223,195)
```
#9be3cb
```
#9be3cb rgb(155,227,203)
```
#aae7d3
```
#aae7d3 rgb(170,231,211)
```
#baecdb
```
#baecdb rgb(186,236,219)
```
#c9f0e3
```
#c9f0e3 rgb(201,240,227)
```
#d8f4eb
```
#d8f4eb rgb(216,244,235)
```
#e8f8f3
```
#e8f8f3 rgb(232,248,243)
```
#f7fdfb
```
#f7fdfb rgb(247,253,251)
```

Tint Color Variation

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

#6e7371
```
#6e7371 rgb(110,115,113)
```
#657c74
```
#657c74 rgb(101,124,116)
```
#5c8577
```
#5c8577 rgb(92,133,119)
```
#548d7a
```
#548d7a rgb(84,141,122)
```
#4b967d
```
#4b967d rgb(75,150,125)
```
#429f80
```
#429f80 rgb(66,159,128)
```
#3aa783
```
#3aa783 rgb(58,167,131)
```
#31b086
```
#31b086 rgb(49,176,134)
```
#28b989
```
#28b989 rgb(40,185,137)
```
#20c18c
```
#20c18c rgb(32,193,140)
```
#17ca8f
```
#17ca8f rgb(23,202,143)
```
#0ed392
```
#0ed392 rgb(14,211,146)
```
#06db95
```
#06db95 rgb(6,219,149)
```

Tone Color Variation

Below, you can see how #31b086 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
#748e85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aba183 Protanopia 1% of men
#b59c94 Deuteranopia 1% of men
#55adba Tritanopia 0.001% of the population

Trichromacy

#7ea684 Protanomaly 1% of men, 0.01% of women
#85a38f Deuteranomaly 6% of men, 0.4% of women
#47aea7 Tritanomaly 0.01% of the population

#31b086 hex color

#31b086 Color Information

#31b086 Color Conversion

Color Schemes with #31b086

Alternatives to #31b086

#31b086 Preview

Shades and Tints of #31b086

Tones of #31b086

Color Blindness Simulator