#31693f hex color

In a RGB color space, hex #31693f is composed of 19.2% red, 41.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 0% magenta, 40% yellow and 58.8% black. It has a hue angle of 135 degrees, a saturation of 36.4% and a lightness of 30.2%. #31693f color hex could be obtained by blending #62d27e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 41
- B 25
RGB color chart
- C 53
- M 0
- Y 40
- K 59
CMYK color chart

● #31693f color description : Very dark desaturated cyan - lime green.

The hexadecimal color #31693f has RGB values of R:49, G:105, B:63 and CMYK values of C:0.53, M:0, Y:0.4, K:0.59. Its decimal value is 3238207.

Hex triplet	31693f	`#31693f`
RGB Decimal	49, 105, 63	`rgb(49,105,63)`
RGB Percent	19.2, 41.2, 24.7	`rgb(19.2%,41.2%,24.7%)`
CMYK	53, 0, 40, 59
HSL	135°, 36.4, 30.2	`hsl(135,36.4%,30.2%)`
HSV (or HSB)	135°, 53.3, 41.2
Web Safe	336633	`#336633`

CIE-LAB	39.773, -28.692, 18.125
XYZ	7.215, 11.115, 6.467
xyY	0.291, 0.448, 11.115
CIE-LCH	39.773, 33.937, 147.719
CIE-LUV	39.773, -25.11, 25.366
Hunter-Lab	33.338, -19.712, 11.835
Binary	00110001, 01101001, 00111111

#31693f
```
#31693f rgb(49,105,63)
```
#69315b
```
#69315b rgb(105,49,91)
```

Complementary Color

#3f6931
```
#3f6931 rgb(63,105,49)
```
#31693f
```
#31693f rgb(49,105,63)
```
#31695b
```
#31695b rgb(49,105,91)
```

Analogous Color

#69313f
```
#69313f rgb(105,49,63)
```
#31693f
```
#31693f rgb(49,105,63)
```
#5b3169
```
#5b3169 rgb(91,49,105)
```

Split Complementary Color

#693f31
```
#693f31 rgb(105,63,49)
```
#31693f
```
#31693f rgb(49,105,63)
```
#3f3169
```
#3f3169 rgb(63,49,105)
```

Triadic Color

#5b6931
```
#5b6931 rgb(91,105,49)
```
#31693f
```
#31693f rgb(49,105,63)
```
#3f3169
```
#3f3169 rgb(63,49,105)
```
#69315b
```
#69315b rgb(105,49,91)
```

Tetradic Color

#193520
```
#193520 rgb(25,53,32)
```
#21462a
```
#21462a rgb(33,70,42)
```
#295835
```
#295835 rgb(41,88,53)
```
#31693f
```
#31693f rgb(49,105,63)
```
#397a49
```
#397a49 rgb(57,122,73)
```
#418c54
```
#418c54 rgb(65,140,84)
```
#499d5e
```
#499d5e rgb(73,157,94)
```

Monochromatic Color

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

#316931
```
#316931 rgb(49,105,49)
```
#316936
```
#316936 rgb(49,105,54)
```
#31693a
```
#31693a rgb(49,105,58)
```
#31693f
```
#31693f rgb(49,105,63)
```
#316944
```
#316944 rgb(49,105,68)
```
#316948
```
#316948 rgb(49,105,72)
```
#31694d
```
#31694d rgb(49,105,77)
```

Similar Colors

Text with hexadecimal color #31693f

This text has a font color of #31693f.

<span style="color:#31693f;">Text here</span>

#31693f background color

This paragraph has a background color of #31693f.

<p style="background-color:#31693f;">Content here</p>

#31693f border color

This element has a border color of #31693f.

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

CSS codes

.text {color:#31693f;}

.background {background-color:#31693f;}

.border {border:1px solid #31693f;}

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, #050b07 is the darkest color, while #fdfefd is the lightest one.

#050b07
```
#050b07 rgb(5,11,7)
```
#0c190f
```
#0c190f rgb(12,25,15)
```
#122617
```
#122617 rgb(18,38,23)
```
#18341f
```
#18341f rgb(24,52,31)
```
#1e4127
```
#1e4127 rgb(30,65,39)
```
#254e2f
```
#254e2f rgb(37,78,47)
```
#2b5c37
```
#2b5c37 rgb(43,92,55)
```
#31693f
```
#31693f rgb(49,105,63)
```
#377647
```
#377647 rgb(55,118,71)
```
#3d844f
```
#3d844f rgb(61,132,79)
```
#449157
```
#449157 rgb(68,145,87)
```
#4a9e5f
```
#4a9e5f rgb(74,158,95)
```
#50ac67
```
#50ac67 rgb(80,172,103)
```

Shade Color Variation

#5db372
```
#5db372 rgb(93,179,114)
```
#6ab97e
```
#6ab97e rgb(106,185,126)
```
#77c089
```
#77c089 rgb(119,192,137)
```
#85c695
```
#85c695 rgb(133,198,149)
```
#92cca1
```
#92cca1 rgb(146,204,161)
```
#9fd2ac
```
#9fd2ac rgb(159,210,172)
```
#add9b8
```
#add9b8 rgb(173,217,184)
```
#badfc3
```
#badfc3 rgb(186,223,195)
```
#c8e5cf
```
#c8e5cf rgb(200,229,207)
```
#d5ebdb
```
#d5ebdb rgb(213,235,219)
```
#e2f2e6
```
#e2f2e6 rgb(226,242,230)
```
#f0f8f2
```
#f0f8f2 rgb(240,248,242)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #49514b is the less saturated color, while #029827 is the most saturated one.

#49514b
```
#49514b rgb(73,81,75)
```
#435748
```
#435748 rgb(67,87,72)
```
#3d5d45
```
#3d5d45 rgb(61,93,69)
```
#376342
```
#376342 rgb(55,99,66)
```
#31693f
```
#31693f rgb(49,105,63)
```
#2b6f3c
```
#2b6f3c rgb(43,111,60)
```
#257539
```
#257539 rgb(37,117,57)
```
#1f7b36
```
#1f7b36 rgb(31,123,54)
```
#198133
```
#198133 rgb(25,129,51)
```
#138730
```
#138730 rgb(19,135,48)
```
#0d8d2d
```
#0d8d2d rgb(13,141,45)
```
#08922a
```
#08922a rgb(8,146,42)
```
#029827
```
#029827 rgb(2,152,39)
```

Tone Color Variation

Below, you can see how #31693f 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

#535353 Achromatopsia 0.005% of the population
#4c574f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6644 Protanopia 1% of men
#77624d Deuteranopia 1% of men
#486b73 Tritanopia 0.001% of the population

Trichromacy

#586742 Protanomaly 1% of men, 0.01% of women
#5d6448 Deuteranomaly 6% of men, 0.4% of women
#3f6a60 Tritanomaly 0.01% of the population

#31693f hex color

#31693f Color Information

#31693f Color Conversion

Color Schemes with #31693f

Alternatives to #31693f

#31693f Preview

Shades and Tints of #31693f

Tones of #31693f

Color Blindness Simulator