#31666d hex color

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

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

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

The hexadecimal color #31666d has RGB values of R:49, G:102, B:109 and CMYK values of C:0.55, M:0.06, Y:0, K:0.57. Its decimal value is 3237485.

Hex triplet	31666d	`#31666d`
RGB Decimal	49, 102, 109	`rgb(49,102,109)`
RGB Percent	19.2, 40, 42.7	`rgb(19.2%,40%,42.7%)`
CMYK	55, 6, 0, 57
HSL	187°, 38, 31	`hsl(187,38%,31%)`
HSV (or HSB)	187°, 55, 42.7
Web Safe	336666	`#336666`

CIE-LAB	40.014, -15.435, -9.354
XYZ	8.778, 11.259, 16.178
xyY	0.242, 0.311, 11.259
CIE-LCH	40.014, 18.048, 211.217
CIE-LUV	40.014, -22.171, -10.588
Hunter-Lab	33.555, -12.027, -5.097
Binary	00110001, 01100110, 01101101

#31666d
```
#31666d rgb(49,102,109)
```
#6d3831
```
#6d3831 rgb(109,56,49)
```

Complementary Color

#316d56
```
#316d56 rgb(49,109,86)
```
#31666d
```
#31666d rgb(49,102,109)
```
#31486d
```
#31486d rgb(49,72,109)
```

Analogous Color

#6d5631
```
#6d5631 rgb(109,86,49)
```
#31666d
```
#31666d rgb(49,102,109)
```
#6d3148
```
#6d3148 rgb(109,49,72)
```

Split Complementary Color

#666d31
```
#666d31 rgb(102,109,49)
```
#31666d
```
#31666d rgb(49,102,109)
```
#6d3166
```
#6d3166 rgb(109,49,102)
```

Triadic Color

#316d38
```
#316d38 rgb(49,109,56)
```
#31666d
```
#31666d rgb(49,102,109)
```
#6d3166
```
#6d3166 rgb(109,49,102)
```
#6d3831
```
#6d3831 rgb(109,56,49)
```

Tetradic Color

#193538
```
#193538 rgb(25,53,56)
```
#21454a
```
#21454a rgb(33,69,74)
```
#29565b
```
#29565b rgb(41,86,91)
```
#31666d
```
#31666d rgb(49,102,109)
```
#39767f
```
#39767f rgb(57,118,127)
```
#418790
```
#418790 rgb(65,135,144)
```
#4997a2
```
#4997a2 rgb(73,151,162)
```

Monochromatic Color

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

#316d65
```
#316d65 rgb(49,109,101)
```
#316d6a
```
#316d6a rgb(49,109,106)
```
#316b6d
```
#316b6d rgb(49,107,109)
```
#31666d
```
#31666d rgb(49,102,109)
```
#31616d
```
#31616d rgb(49,97,109)
```
#315c6d
```
#315c6d rgb(49,92,109)
```
#31576d
```
#31576d rgb(49,87,109)
```

Similar Colors

Text with hexadecimal color #31666d

This text has a font color of #31666d.

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

#31666d background color

This paragraph has a background color of #31666d.

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

#31666d border color

This element has a border color of #31666d.

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

CSS codes

.text {color:#31666d;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#060d0e
```
#060d0e rgb(6,13,14)
```
#0d1a1c
```
#0d1a1c rgb(13,26,28)
```
#132729
```
#132729 rgb(19,39,41)
```
#193337
```
#193337 rgb(25,51,55)
```
#1f4044
```
#1f4044 rgb(31,64,68)
```
#254d52
```
#254d52 rgb(37,77,82)
```
#2b595f
```
#2b595f rgb(43,89,95)
```
#31666d
```
#31666d rgb(49,102,109)
```
#37737b
```
#37737b rgb(55,115,123)
```
#3d7f88
```
#3d7f88 rgb(61,127,136)
```
#438c96
```
#438c96 rgb(67,140,150)
```
#4999a3
```
#4999a3 rgb(73,153,163)
```

Shade Color Variation

#50a5b0
```
#50a5b0 rgb(80,165,176)
```
#5dacb6
```
#5dacb6 rgb(93,172,182)
```
#6bb3bc
```
#6bb3bc rgb(107,179,188)
```
#78bac3
```
#78bac3 rgb(120,186,195)
```
#86c1c9
```
#86c1c9 rgb(134,193,201)
```
#93c8cf
```
#93c8cf rgb(147,200,207)
```
#a1cfd5
```
#a1cfd5 rgb(161,207,213)
```
#afd6db
```
#afd6db rgb(175,214,219)
```
#bcdde1
```
#bcdde1 rgb(188,221,225)
```
#cae4e7
```
#cae4e7 rgb(202,228,231)
```
#d7ebed
```
#d7ebed rgb(215,235,237)
```
#e5f1f3
```
#e5f1f3 rgb(229,241,243)
```
#f2f8f9
```
#f2f8f9 rgb(242,248,249)
```

Tint Color Variation

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

#495355
```
#495355 rgb(73,83,85)
```
#43585b
```
#43585b rgb(67,88,91)
```
#3d5d61
```
#3d5d61 rgb(61,93,97)
```
#376167
```
#376167 rgb(55,97,103)
```
#31666d
```
#31666d rgb(49,102,109)
```
#2b6b73
```
#2b6b73 rgb(43,107,115)
```
#256f79
```
#256f79 rgb(37,111,121)
```
#1f747f
```
#1f747f rgb(31,116,127)
```
#197985
```
#197985 rgb(25,121,133)
```
#137d8b
```
#137d8b rgb(19,125,139)
```
#0d8291
```
#0d8291 rgb(13,130,145)
```
#068798
```
#068798 rgb(6,135,152)
```
#008b9e
```
#008b9e rgb(0,139,158)
```

Tone Color Variation

Below, you can see how #31666d 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
#4f5a5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#65656f Protanopia 1% of men
#676478 Deuteranopia 1% of men
#3c6d75 Tritanopia 0.001% of the population

Trichromacy

#52656e Protanomaly 1% of men, 0.01% of women
#536574 Deuteranomaly 6% of men, 0.4% of women
#386a72 Tritanomaly 0.01% of the population

#31666d hex color

#31666d Color Information

#31666d Color Conversion

Color Schemes with #31666d

Alternatives to #31666d

#31666d Preview

Shades and Tints of #31666d

Tones of #31666d

Color Blindness Simulator