#31766e hex color

In a RGB color space, hex #31766e is composed of 19.2% red, 46.3% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 58.5% cyan, 0% magenta, 6.8% yellow and 53.7% black. It has a hue angle of 173 degrees, a saturation of 41.3% and a lightness of 32.7%. #31766e color hex could be obtained by blending #62ecdc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 46
- B 43
RGB color chart
- C 58
- M 0
- Y 7
- K 54
CMYK color chart

● #31766e color description : Dark moderate cyan.

The hexadecimal color #31766e has RGB values of R:49, G:118, B:110 and CMYK values of C:0.58, M:0, Y:0.07, K:0.54. Its decimal value is 3241582.

Hex triplet	31766e	`#31766e`
RGB Decimal	49, 118, 110	`rgb(49,118,110)`
RGB Percent	19.2, 46.3, 43.1	`rgb(19.2%,46.3%,43.1%)`
CMYK	58, 0, 7, 54
HSL	173°, 41.3, 32.7	`hsl(173,41.3%,32.7%)`
HSV (or HSB)	173°, 58.5, 46.3
Web Safe	336666	`#336666`

CIE-LAB	45.269, -23.731, -2.14
XYZ	10.559, 14.735, 17.039
xyY	0.249, 0.348, 14.735
CIE-LCH	45.269, 23.827, 185.153
CIE-LUV	45.269, -28.507, 0.45
Hunter-Lab	38.386, -18.076, 0.553
Binary	00110001, 01110110, 01101110

#31766e
```
#31766e rgb(49,118,110)
```
#763139
```
#763139 rgb(118,49,57)
```

Complementary Color

#31764c
```
#31764c rgb(49,118,76)
```
#31766e
```
#31766e rgb(49,118,110)
```
#315c76
```
#315c76 rgb(49,92,118)
```

Analogous Color

#764c31
```
#764c31 rgb(118,76,49)
```
#31766e
```
#31766e rgb(49,118,110)
```
#76315c
```
#76315c rgb(118,49,92)
```

Split Complementary Color

#766e31
```
#766e31 rgb(118,110,49)
```
#31766e
```
#31766e rgb(49,118,110)
```
#6e3176
```
#6e3176 rgb(110,49,118)
```

Triadic Color

#397631
```
#397631 rgb(57,118,49)
```
#31766e
```
#31766e rgb(49,118,110)
```
#6e3176
```
#6e3176 rgb(110,49,118)
```
#763139
```
#763139 rgb(118,49,57)
```

Tetradic Color

#1b403c
```
#1b403c rgb(27,64,60)
```
#22524c
```
#22524c rgb(34,82,76)
```
#2a645d
```
#2a645d rgb(42,100,93)
```
#31766e
```
#31766e rgb(49,118,110)
```
#38887f
```
#38887f rgb(56,136,127)
```
#409a90
```
#409a90 rgb(64,154,144)
```
#47aca0
```
#47aca0 rgb(71,172,160)
```

Monochromatic Color

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

#31765d
```
#31765d rgb(49,118,93)
```
#317662
```
#317662 rgb(49,118,98)
```
#317668
```
#317668 rgb(49,118,104)
```
#31766e
```
#31766e rgb(49,118,110)
```
#317674
```
#317674 rgb(49,118,116)
```
#317376
```
#317376 rgb(49,115,118)
```
#316d76
```
#316d76 rgb(49,109,118)
```

Similar Colors

Text with hexadecimal color #31766e

This text has a font color of #31766e.

<span style="color:#31766e;">Text here</span>

#31766e background color

This paragraph has a background color of #31766e.

<p style="background-color:#31766e;">Content here</p>

#31766e border color

This element has a border color of #31766e.

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

CSS codes

.text {color:#31766e;}

.background {background-color:#31766e;}

.border {border:1px solid #31766e;}

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

#030707
```
#030707 rgb(3,7,7)
```
#091514
```
#091514 rgb(9,21,20)
```
#0e2320
```
#0e2320 rgb(14,35,32)
```
#14312d
```
#14312d rgb(20,49,45)
```
#1a3f3a
```
#1a3f3a rgb(26,63,58)
```
#204c47
```
#204c47 rgb(32,76,71)
```
#255a54
```
#255a54 rgb(37,90,84)
```
#2b6861
```
#2b6861 rgb(43,104,97)
```
#31766e
```
#31766e rgb(49,118,110)
```
#37847b
```
#37847b rgb(55,132,123)
```
#3d9288
```
#3d9288 rgb(61,146,136)
```
#42a095
```
#42a095 rgb(66,160,149)
```
#48ada2
```
#48ada2 rgb(72,173,162)
```

Shade Color Variation

#52b7ab
```
#52b7ab rgb(82,183,171)
```
#60bdb2
```
#60bdb2 rgb(96,189,178)
```
#6ec3b9
```
#6ec3b9 rgb(110,195,185)
```
#7cc8bf
```
#7cc8bf rgb(124,200,191)
```
#89cec6
```
#89cec6 rgb(137,206,198)
```
#97d4cd
```
#97d4cd rgb(151,212,205)
```
#a5dad4
```
#a5dad4 rgb(165,218,212)
```
#b3dfda
```
#b3dfda rgb(179,223,218)
```
#c1e5e1
```
#c1e5e1 rgb(193,229,225)
```
#cfebe8
```
#cfebe8 rgb(207,235,232)
```
#ddf1ee
```
#ddf1ee rgb(221,241,238)
```
#eaf6f5
```
#eaf6f5 rgb(234,246,245)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#515655
```
#515655 rgb(81,86,85)
```
#4b5c5a
```
#4b5c5a rgb(75,92,90)
```
#44635f
```
#44635f rgb(68,99,95)
```
#3e6964
```
#3e6964 rgb(62,105,100)
```
#377069
```
#377069 rgb(55,112,105)
```
#31766e
```
#31766e rgb(49,118,110)
```
#2b7c73
```
#2b7c73 rgb(43,124,115)
```
#248378
```
#248378 rgb(36,131,120)
```
#1e897d
```
#1e897d rgb(30,137,125)
```
#179082
```
#179082 rgb(23,144,130)
```
#119687
```
#119687 rgb(17,150,135)
```
#0a9d8c
```
#0a9d8c rgb(10,157,140)
```
#04a391
```
#04a391 rgb(4,163,145)
```

Tone Color Variation

Below, you can see how #31766e 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

#606060 Achromatopsia 0.005% of the population
#576463 Atypical Achromatopsia 0.001% of the population

Dichromacy

#75726f Protanopia 1% of men
#796f7a Deuteranopia 1% of men
#427a83 Tritanopia 0.001% of the population

Trichromacy

#5c736f Protanomaly 1% of men, 0.01% of women
#5f7275 Deuteranomaly 6% of men, 0.4% of women
#3c797b Tritanomaly 0.01% of the population

#31766e hex color

#31766e Color Information

#31766e Color Conversion

Color Schemes with #31766e

Alternatives to #31766e

#31766e Preview

Shades and Tints of #31766e

Tones of #31766e

Color Blindness Simulator