#31685f hex color

In a RGB color space, hex #31685f is composed of 19.2% red, 40.8% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 0% magenta, 8.7% yellow and 59.2% black. It has a hue angle of 170.2 degrees, a saturation of 35.9% and a lightness of 30%. #31685f color hex could be obtained by blending #62d0be with #000000. Closest websafe color is: #336666.

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

● #31685f color description : Very dark desaturated cyan.

The hexadecimal color #31685f has RGB values of R:49, G:104, B:95 and CMYK values of C:0.53, M:0, Y:0.09, K:0.59. Its decimal value is 3237983.

Hex triplet	31685f	`#31685f`
RGB Decimal	49, 104, 95	`rgb(49,104,95)`
RGB Percent	19.2, 40.8, 37.3	`rgb(19.2%,40.8%,37.3%)`
CMYK	53, 0, 9, 59
HSL	170.2°, 35.9, 30	`hsl(170.2,35.9%,30%)`
HSV (or HSB)	170.2°, 52.9, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.212, -20.627, -0.508
XYZ	8.282, 11.379, 12.586
xyY	0.257, 0.353, 11.379
CIE-LCH	40.212, 20.633, 181.41
CIE-LUV	40.212, -23.517, 2.199
Hunter-Lab	33.733, -15.209, 1.492
Binary	00110001, 01101000, 01011111

#31685f
```
#31685f rgb(49,104,95)
```
#68313a
```
#68313a rgb(104,49,58)
```

Complementary Color

#316844
```
#316844 rgb(49,104,68)
```
#31685f
```
#31685f rgb(49,104,95)
```
#315668
```
#315668 rgb(49,86,104)
```

Analogous Color

#684431
```
#684431 rgb(104,68,49)
```
#31685f
```
#31685f rgb(49,104,95)
```
#683156
```
#683156 rgb(104,49,86)
```

Split Complementary Color

#685f31
```
#685f31 rgb(104,95,49)
```
#31685f
```
#31685f rgb(49,104,95)
```
#5f3168
```
#5f3168 rgb(95,49,104)
```

Triadic Color

#3a6831
```
#3a6831 rgb(58,104,49)
```
#31685f
```
#31685f rgb(49,104,95)
```
#5f3168
```
#5f3168 rgb(95,49,104)
```
#68313a
```
#68313a rgb(104,49,58)
```

Tetradic Color

#193430
```
#193430 rgb(25,52,48)
```
#21453f
```
#21453f rgb(33,69,63)
```
#29574f
```
#29574f rgb(41,87,79)
```
#31685f
```
#31685f rgb(49,104,95)
```
#39796f
```
#39796f rgb(57,121,111)
```
#418b7f
```
#418b7f rgb(65,139,127)
```
#4a9c8f
```
#4a9c8f rgb(74,156,143)
```

Monochromatic Color

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

#316851
```
#316851 rgb(49,104,81)
```
#316856
```
#316856 rgb(49,104,86)
```
#31685a
```
#31685a rgb(49,104,90)
```
#31685f
```
#31685f rgb(49,104,95)
```
#316864
```
#316864 rgb(49,104,100)
```
#316868
```
#316868 rgb(49,104,104)
```
#316368
```
#316368 rgb(49,99,104)
```

Similar Colors

Text with hexadecimal color #31685f

This text has a font color of #31685f.

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

#31685f background color

This paragraph has a background color of #31685f.

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

#31685f border color

This element has a border color of #31685f.

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

CSS codes

.text {color:#31685f;}

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

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

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

#050b0a
```
#050b0a rgb(5,11,10)
```
#0b1816
```
#0b1816 rgb(11,24,22)
```
#122522
```
#122522 rgb(18,37,34)
```
#18332e
```
#18332e rgb(24,51,46)
```
#1e403a
```
#1e403a rgb(30,64,58)
```
#244d47
```
#244d47 rgb(36,77,71)
```
#2b5b53
```
#2b5b53 rgb(43,91,83)
```
#31685f
```
#31685f rgb(49,104,95)
```
#37756b
```
#37756b rgb(55,117,107)
```
#3e8377
```
#3e8377 rgb(62,131,119)
```
#449084
```
#449084 rgb(68,144,132)
```
#4a9d90
```
#4a9d90 rgb(74,157,144)
```
#50ab9c
```
#50ab9c rgb(80,171,156)
```

Shade Color Variation

#5cb2a4
```
#5cb2a4 rgb(92,178,164)
```
#6ab9ac
```
#6ab9ac rgb(106,185,172)
```
#77bfb3
```
#77bfb3 rgb(119,191,179)
```
#84c5bb
```
#84c5bb rgb(132,197,187)
```
#92cbc2
```
#92cbc2 rgb(146,203,194)
```
#9fd2c9
```
#9fd2c9 rgb(159,210,201)
```
#acd8d1
```
#acd8d1 rgb(172,216,209)
```
#baded8
```
#baded8 rgb(186,222,216)
```
#c7e5e0
```
#c7e5e0 rgb(199,229,224)
```
#d4ebe7
```
#d4ebe7 rgb(212,235,231)
```
#e2f1ef
```
#e2f1ef rgb(226,241,239)
```
#eff7f6
```
#eff7f6 rgb(239,247,246)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#49504f
```
#49504f rgb(73,80,79)
```
#435653
```
#435653 rgb(67,86,83)
```
#3d5c57
```
#3d5c57 rgb(61,92,87)
```
#37625b
```
#37625b rgb(55,98,91)
```
#31685f
```
#31685f rgb(49,104,95)
```
#2b6e63
```
#2b6e63 rgb(43,110,99)
```
#257467
```
#257467 rgb(37,116,103)
```
#1f7a6b
```
#1f7a6b rgb(31,122,107)
```
#19806f
```
#19806f rgb(25,128,111)
```
#148573
```
#148573 rgb(20,133,115)
```
#0e8b77
```
#0e8b77 rgb(14,139,119)
```
#08917b
```
#08917b rgb(8,145,123)
```
#02977f
```
#02977f rgb(2,151,127)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5a59 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696662 Protanopia 1% of men
#6e646b Deuteranopia 1% of men
#416d75 Tritanopia 0.001% of the population

Trichromacy

#556761 Protanomaly 1% of men, 0.01% of women
#586566 Deuteranomaly 6% of men, 0.4% of women
#3b6b6d Tritanomaly 0.01% of the population

#31685f hex color

#31685f Color Information

#31685f Color Conversion

Color Schemes with #31685f

Alternatives to #31685f

#31685f Preview

Shades and Tints of #31685f

Tones of #31685f

Color Blindness Simulator