colorhexa.com

#31685a hex color

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

- R 19
- G 41
- B 35
RGB color chart
- C 53
- M 0
- Y 13
- K 59
CMYK color chart

● #31685a color description : Very dark desaturated cyan - lime green.

The hexadecimal color #31685a has RGB values of R:49, G:104, B:90 and CMYK values of C:0.53, M:0, Y:0.13, K:0.59. Its decimal value is 3237978.

Hex triplet	31685a	`#31685a`
RGB Decimal	49, 104, 90	`rgb(49,104,90)`
RGB Percent	19.2, 40.8, 35.3	`rgb(19.2%,40.8%,35.3%)`
CMYK	53, 0, 13, 59
HSL	164.7°, 35.9, 30	`hsl(164.7,35.9%,30%)`
HSV (or HSB)	164.7°, 52.9, 40.8
Web Safe	336666	`#336666`

CIE-LAB	40.067, -21.981, 2.329
XYZ	8.062, 11.291, 11.427
xyY	0.262, 0.367, 11.291
CIE-LCH	40.067, 22.104, 173.952
CIE-LUV	40.067, -23.711, 6.075
Hunter-Lab	33.602, -15.979, 3.359
Binary	00110001, 01101000, 01011010

#31685a
```
#31685a rgb(49,104,90)
```
#68313f
```
#68313f rgb(104,49,63)
```

Complementary Color

#31683f
```
#31683f rgb(49,104,63)
```
#31685a
```
#31685a rgb(49,104,90)
```
#315b68
```
#315b68 rgb(49,91,104)
```

Analogous Color

#683f31
```
#683f31 rgb(104,63,49)
```
#31685a
```
#31685a rgb(49,104,90)
```
#68315b
```
#68315b rgb(104,49,91)
```

Split Complementary Color

#685a31
```
#685a31 rgb(104,90,49)
```
#31685a
```
#31685a rgb(49,104,90)
```
#5a3168
```
#5a3168 rgb(90,49,104)
```

Triadic Color

#19342d
```
#19342d rgb(25,52,45)
```
#21453c
```
#21453c rgb(33,69,60)
```
#29574b
```
#29574b rgb(41,87,75)
```
#31685a
```
#31685a rgb(49,104,90)
```
#397969
```
#397969 rgb(57,121,105)
```
#418b78
```
#418b78 rgb(65,139,120)
```
#4a9c87
```
#4a9c87 rgb(74,156,135)
```

Monochromatic Color

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

#31684c
```
#31684c rgb(49,104,76)
```
#316851
```
#316851 rgb(49,104,81)
```
#316855
```
#316855 rgb(49,104,85)
```
#31685a
```
#31685a rgb(49,104,90)
```
#31685f
```
#31685f rgb(49,104,95)
```
#316863
```
#316863 rgb(49,104,99)
```
#316868
```
#316868 rgb(49,104,104)
```

Similar Colors

Text with hexadecimal color #31685a

This text has a font color of #31685a.

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

#31685a background color

This paragraph has a background color of #31685a.

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

#31685a border color

This element has a border color of #31685a.

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

CSS codes

.text {color:#31685a;}

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

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

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

#050b09
```
#050b09 rgb(5,11,9)
```
#0b1815
```
#0b1815 rgb(11,24,21)
```
#122520
```
#122520 rgb(18,37,32)
```
#18332c
```
#18332c rgb(24,51,44)
```
#1e4037
```
#1e4037 rgb(30,64,55)
```
#244d43
```
#244d43 rgb(36,77,67)
```
#2b5b4e
```
#2b5b4e rgb(43,91,78)
```
#31685a
```
#31685a rgb(49,104,90)
```
#377566
```
#377566 rgb(55,117,102)
```
#3e8371
```
#3e8371 rgb(62,131,113)
```
#44907d
```
#44907d rgb(68,144,125)
```
#4a9d88
```
#4a9d88 rgb(74,157,136)
```
#50ab94
```
#50ab94 rgb(80,171,148)
```

Shade Color Variation

#5cb29c
```
#5cb29c rgb(92,178,156)
```
#6ab9a5
```
#6ab9a5 rgb(106,185,165)
```
#77bfad
```
#77bfad rgb(119,191,173)
```
#84c5b5
```
#84c5b5 rgb(132,197,181)
```
#92cbbd
```
#92cbbd rgb(146,203,189)
```
#9fd2c5
```
#9fd2c5 rgb(159,210,197)
```
#acd8cd
```
#acd8cd rgb(172,216,205)
```
#baded5
```
#baded5 rgb(186,222,213)
```
#c7e5dd
```
#c7e5dd rgb(199,229,221)
```
#d4ebe5
```
#d4ebe5 rgb(212,235,229)
```
#e2f1ed
```
#e2f1ed rgb(226,241,237)
```
#eff7f5
```
#eff7f5 rgb(239,247,245)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#49504e
```
#49504e rgb(73,80,78)
```
#435651
```
#435651 rgb(67,86,81)
```
#3d5c54
```
#3d5c54 rgb(61,92,84)
```
#376257
```
#376257 rgb(55,98,87)
```
#31685a
```
#31685a rgb(49,104,90)
```
#2b6e5d
```
#2b6e5d rgb(43,110,93)
```
#257460
```
#257460 rgb(37,116,96)
```
#1f7a63
```
#1f7a63 rgb(31,122,99)
```
#198066
```
#198066 rgb(25,128,102)
```
#148568
```
#148568 rgb(20,133,104)
```
#0e8b6b
```
#0e8b6b rgb(14,139,107)
```
#08916e
```
#08916e rgb(8,145,110)
```
#029771
```
#029771 rgb(2,151,113)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4f5a57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a665d Protanopia 1% of men
#706366 Deuteranopia 1% of men
#426d75 Tritanopia 0.001% of the population

Trichromacy

#55665c Protanomaly 1% of men, 0.01% of women
#596562 Deuteranomaly 6% of men, 0.4% of women
#3c6b6b Tritanomaly 0.01% of the population