#31896a hex color

In a RGB color space, hex #31896a is composed of 19.2% red, 53.7% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 64.2% cyan, 0% magenta, 22.6% yellow and 46.3% black. It has a hue angle of 158.9 degrees, a saturation of 47.3% and a lightness of 36.5%. #31896a color hex could be obtained by blending #62ffd4 with #001300. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 54
- B 42
RGB color chart
- C 64
- M 0
- Y 23
- K 46
CMYK color chart

● #31896a color description : Dark moderate cyan - lime green.

The hexadecimal color #31896a has RGB values of R:49, G:137, B:106 and CMYK values of C:0.64, M:0, Y:0.23, K:0.46. Its decimal value is 3246442.

Hex triplet	31896a	`#31896a`
RGB Decimal	49, 137, 106	`rgb(49,137,106)`
RGB Percent	19.2, 53.7, 41.6	`rgb(19.2%,53.7%,41.6%)`
CMYK	64, 0, 23, 46
HSL	158.9°, 47.3, 36.5	`hsl(158.9,47.3%,36.5%)`
HSV (or HSB)	158.9°, 64.2, 53.7
Web Safe	339966	`#339966`

CIE-LAB	51.363, -33.986, 9.002
XYZ	12.813, 19.584, 16.74
xyY	0.261, 0.399, 19.584
CIE-LCH	51.363, 35.158, 165.165
CIE-LUV	51.363, -36.186, 17.137
Hunter-Lab	44.254, -25.762, 8.55
Binary	00110001, 10001001, 01101010

#31896a
```
#31896a rgb(49,137,106)
```
#893150
```
#893150 rgb(137,49,80)
```

Complementary Color

#31893e
```
#31893e rgb(49,137,62)
```
#31896a
```
#31896a rgb(49,137,106)
```
#317c89
```
#317c89 rgb(49,124,137)
```

Analogous Color

#893e31
```
#893e31 rgb(137,62,49)
```
#31896a
```
#31896a rgb(49,137,106)
```
#89317c
```
#89317c rgb(137,49,124)
```

Split Complementary Color

#896a31
```
#896a31 rgb(137,106,49)
```
#31896a
```
#31896a rgb(49,137,106)
```
#6a3189
```
#6a3189 rgb(106,49,137)
```

Triadic Color

#508931
```
#508931 rgb(80,137,49)
```
#31896a
```
#31896a rgb(49,137,106)
```
#6a3189
```
#6a3189 rgb(106,49,137)
```
#893150
```
#893150 rgb(137,49,80)
```

Tetradic Color

#1d513e
```
#1d513e rgb(29,81,62)
```
#24634d
```
#24634d rgb(36,99,77)
```
#2a765b
```
#2a765b rgb(42,118,91)
```
#31896a
```
#31896a rgb(49,137,106)
```
#389c79
```
#389c79 rgb(56,156,121)
```
#3eaf87
```
#3eaf87 rgb(62,175,135)
```
#49be95
```
#49be95 rgb(73,190,149)
```

Monochromatic Color

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

#318954
```
#318954 rgb(49,137,84)
```
#31895b
```
#31895b rgb(49,137,91)
```
#318963
```
#318963 rgb(49,137,99)
```
#31896a
```
#31896a rgb(49,137,106)
```
#318971
```
#318971 rgb(49,137,113)
```
#318979
```
#318979 rgb(49,137,121)
```
#318980
```
#318980 rgb(49,137,128)
```

Similar Colors

Text with hexadecimal color #31896a

This text has a font color of #31896a.

<span style="color:#31896a;">Text here</span>

#31896a background color

This paragraph has a background color of #31896a.

<p style="background-color:#31896a;">Content here</p>

#31896a border color

This element has a border color of #31896a.

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

CSS codes

.text {color:#31896a;}

.background {background-color:#31896a;}

.border {border:1px solid #31896a;}

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 #f8fcfb is the lightest one.

#020705
```
#020705 rgb(2,7,5)
```
#081511
```
#081511 rgb(8,21,17)
```
#0d241c
```
#0d241c rgb(13,36,28)
```
#123227
```
#123227 rgb(18,50,39)
```
#174132
```
#174132 rgb(23,65,50)
```
#1c4f3d
```
#1c4f3d rgb(28,79,61)
```
#215e48
```
#215e48 rgb(33,94,72)
```
#276c54
```
#276c54 rgb(39,108,84)
```
#2c7b5f
```
#2c7b5f rgb(44,123,95)
```
#31896a
```
#31896a rgb(49,137,106)
```
#369775
```
#369775 rgb(54,151,117)
```
#3ba680
```
#3ba680 rgb(59,166,128)
```
#41b48c
```
#41b48c rgb(65,180,140)
```

Shade Color Variation

#4abe95
```
#4abe95 rgb(74,190,149)
```
#59c39e
```
#59c39e rgb(89,195,158)
```
#67c9a6
```
#67c9a6 rgb(103,201,166)
```
#75ceaf
```
#75ceaf rgb(117,206,175)
```
#84d3b7
```
#84d3b7 rgb(132,211,183)
```
#92d8c0
```
#92d8c0 rgb(146,216,192)
```
#a1ddc8
```
#a1ddc8 rgb(161,221,200)
```
#afe2d0
```
#afe2d0 rgb(175,226,208)
```
#bee8d9
```
#bee8d9 rgb(190,232,217)
```
#ccede1
```
#ccede1 rgb(204,237,225)
```
#dbf2ea
```
#dbf2ea rgb(219,242,234)
```
#e9f7f2
```
#e9f7f2 rgb(233,247,242)
```
#f8fcfb
```
#f8fcfb rgb(248,252,251)
```

Tint Color Variation

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

#5c5e5d
```
#5c5e5d rgb(92,94,93)
```
#55655f
```
#55655f rgb(85,101,95)
```
#4e6c62
```
#4e6c62 rgb(78,108,98)
```
#467464
```
#467464 rgb(70,116,100)
```
#3f7b66
```
#3f7b66 rgb(63,123,102)
```
#388268
```
#388268 rgb(56,130,104)
```
#31896a
```
#31896a rgb(49,137,106)
```
#2a906c
```
#2a906c rgb(42,144,108)
```
#23976e
```
#23976e rgb(35,151,110)
```
#1c9e70
```
#1c9e70 rgb(28,158,112)
```
#14a672
```
#14a672 rgb(20,166,114)
```
#0dad75
```
#0dad75 rgb(13,173,117)
```
#06b477
```
#06b477 rgb(6,180,119)
```

Tone Color Variation

Below, you can see how #31896a 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

#6b6b6b Achromatopsia 0.005% of the population
#5f716b Atypical Achromatopsia 0.001% of the population

Dichromacy

#88806b Protanopia 1% of men
#907d78 Deuteranopia 1% of men
#4b8a94 Tritanopia 0.001% of the population

Trichromacy

#68836a Protanomaly 1% of men, 0.01% of women
#6d8172 Deuteranomaly 6% of men, 0.4% of women
#418984 Tritanomaly 0.01% of the population

#31896a hex color

#31896a Color Information

#31896a Color Conversion

Color Schemes with #31896a

Alternatives to #31896a

#31896a Preview

Shades and Tints of #31896a

Tones of #31896a

Color Blindness Simulator