#31686d hex color

In a RGB color space, hex #31686d is composed of 19.2% red, 40.8% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 4.6% magenta, 0% yellow and 57.3% black. It has a hue angle of 185 degrees, a saturation of 38% and a lightness of 31%. #31686d color hex could be obtained by blending #62d0da with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 41
- B 43
RGB color chart
- C 55
- M 5
- Y 0
- K 57
CMYK color chart

● #31686d color description : Very dark desaturated cyan.

The hexadecimal color #31686d has RGB values of R:49, G:104, B:109 and CMYK values of C:0.55, M:0.05, Y:0, K:0.57. Its decimal value is 3237997.

Hex triplet	31686d	`#31686d`
RGB Decimal	49, 104, 109	`rgb(49,104,109)`
RGB Percent	19.2, 40.8, 42.7	`rgb(19.2%,40.8%,42.7%)`
CMYK	55, 5, 0, 57
HSL	185°, 38, 31	`hsl(185,38%,31%)`
HSV (or HSB)	185°, 55, 42.7
Web Safe	336666	`#336666`

CIE-LAB	40.666, -16.551, -8.374
XYZ	8.976, 11.657, 16.244
xyY	0.243, 0.316, 11.657
CIE-LCH	40.666, 18.549, 206.838
CIE-LUV	40.666, -22.97, -9.104
Hunter-Lab	34.142, -12.819, -4.309
Binary	00110001, 01101000, 01101101

#31686d
```
#31686d rgb(49,104,109)
```
#6d3631
```
#6d3631 rgb(109,54,49)
```

Complementary Color

#316d54
```
#316d54 rgb(49,109,84)
```
#31686d
```
#31686d rgb(49,104,109)
```
#314a6d
```
#314a6d rgb(49,74,109)
```

Analogous Color

#6d5431
```
#6d5431 rgb(109,84,49)
```
#31686d
```
#31686d rgb(49,104,109)
```
#6d314a
```
#6d314a rgb(109,49,74)
```

Split Complementary Color

#686d31
```
#686d31 rgb(104,109,49)
```
#31686d
```
#31686d rgb(49,104,109)
```
#6d3168
```
#6d3168 rgb(109,49,104)
```

Triadic Color

#316d36
```
#316d36 rgb(49,109,54)
```
#31686d
```
#31686d rgb(49,104,109)
```
#6d3168
```
#6d3168 rgb(109,49,104)
```
#6d3631
```
#6d3631 rgb(109,54,49)
```

Tetradic Color

#193638
```
#193638 rgb(25,54,56)
```
#21464a
```
#21464a rgb(33,70,74)
```
#29575b
```
#29575b rgb(41,87,91)
```
#31686d
```
#31686d rgb(49,104,109)
```
#39797f
```
#39797f rgb(57,121,127)
```
#418a90
```
#418a90 rgb(65,138,144)
```
#499aa2
```
#499aa2 rgb(73,154,162)
```

Monochromatic Color

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

#316d63
```
#316d63 rgb(49,109,99)
```
#316d68
```
#316d68 rgb(49,109,104)
```
#316d6d
```
#316d6d rgb(49,109,109)
```
#31686d
```
#31686d rgb(49,104,109)
```
#31636d
```
#31636d rgb(49,99,109)
```
#315e6d
```
#315e6d rgb(49,94,109)
```
#31596d
```
#31596d rgb(49,89,109)
```

Similar Colors

Text with hexadecimal color #31686d

This text has a font color of #31686d.

<span style="color:#31686d;">Text here</span>

#31686d background color

This paragraph has a background color of #31686d.

<p style="background-color:#31686d;">Content here</p>

#31686d border color

This element has a border color of #31686d.

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

CSS codes

.text {color:#31686d;}

.background {background-color:#31686d;}

.border {border:1px solid #31686d;}

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

#000101
```
#000101 rgb(0,1,1)
```
#060e0e
```
#060e0e rgb(6,14,14)
```
#0d1b1c
```
#0d1b1c rgb(13,27,28)
```
#132729
```
#132729 rgb(19,39,41)
```
#193437
```
#193437 rgb(25,52,55)
```
#1f4144
```
#1f4144 rgb(31,65,68)
```
#254e52
```
#254e52 rgb(37,78,82)
```
#2b5b5f
```
#2b5b5f rgb(43,91,95)
```
#31686d
```
#31686d rgb(49,104,109)
```
#37757b
```
#37757b rgb(55,117,123)
```
#3d8288
```
#3d8288 rgb(61,130,136)
```
#438f96
```
#438f96 rgb(67,143,150)
```
#499ca3
```
#499ca3 rgb(73,156,163)
```

Shade Color Variation

#50a8b0
```
#50a8b0 rgb(80,168,176)
```
#5dafb6
```
#5dafb6 rgb(93,175,182)
```
#6bb6bc
```
#6bb6bc rgb(107,182,188)
```
#78bcc3
```
#78bcc3 rgb(120,188,195)
```
#86c3c9
```
#86c3c9 rgb(134,195,201)
```
#93cacf
```
#93cacf rgb(147,202,207)
```
#a1d0d5
```
#a1d0d5 rgb(161,208,213)
```
#afd7db
```
#afd7db rgb(175,215,219)
```
#bcdee1
```
#bcdee1 rgb(188,222,225)
```
#cae5e7
```
#cae5e7 rgb(202,229,231)
```
#d7ebed
```
#d7ebed rgb(215,235,237)
```
#e5f2f3
```
#e5f2f3 rgb(229,242,243)
```
#f2f9f9
```
#f2f9f9 rgb(242,249,249)
```

Tint Color Variation

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

#495455
```
#495455 rgb(73,84,85)
```
#43595b
```
#43595b rgb(67,89,91)
```
#3d5e61
```
#3d5e61 rgb(61,94,97)
```
#376367
```
#376367 rgb(55,99,103)
```
#31686d
```
#31686d rgb(49,104,109)
```
#2b6d73
```
#2b6d73 rgb(43,109,115)
```
#257279
```
#257279 rgb(37,114,121)
```
#1f777f
```
#1f777f rgb(31,119,127)
```
#197c85
```
#197c85 rgb(25,124,133)
```
#13818b
```
#13818b rgb(19,129,139)
```
#0d8691
```
#0d8691 rgb(13,134,145)
```
#068b98
```
#068b98 rgb(6,139,152)
```
#00919e
```
#00919e rgb(0,145,158)
```

Tone Color Variation

Below, you can see how #31686d 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

#585858 Achromatopsia 0.005% of the population
#505b5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#67676f Protanopia 1% of men
#696578 Deuteranopia 1% of men
#3d6f77 Tritanopia 0.001% of the population

Trichromacy

#53676e Protanomaly 1% of men, 0.01% of women
#556674 Deuteranomaly 6% of men, 0.4% of women
#386c73 Tritanomaly 0.01% of the population

#31686d hex color

#31686d Color Information

#31686d Color Conversion

Color Schemes with #31686d

Alternatives to #31686d

#31686d Preview

Shades and Tints of #31686d

Tones of #31686d

Color Blindness Simulator