#31776e hex color

In a RGB color space, hex #31776e is composed of 19.2% red, 46.7% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 58.8% cyan, 0% magenta, 7.6% yellow and 53.3% black. It has a hue angle of 172.3 degrees, a saturation of 41.7% and a lightness of 32.9%. #31776e color hex could be obtained by blending #62eedc with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 47
- B 43
RGB color chart
- C 59
- M 0
- Y 8
- K 53
CMYK color chart

● #31776e color description : Dark moderate cyan.

The hexadecimal color #31776e has RGB values of R:49, G:119, B:110 and CMYK values of C:0.59, M:0, Y:0.08, K:0.53. Its decimal value is 3241838.

Hex triplet	31776e	`#31776e`
RGB Decimal	49, 119, 110	`rgb(49,119,110)`
RGB Percent	19.2, 46.7, 43.1	`rgb(19.2%,46.7%,43.1%)`
CMYK	59, 0, 8, 53
HSL	172.3°, 41.7, 32.9	`hsl(172.3,41.7%,32.9%)`
HSV (or HSB)	172.3°, 58.8, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.595, -24.243, -1.66
XYZ	10.677, 14.972, 17.078
xyY	0.25, 0.35, 14.972
CIE-LCH	45.595, 24.3, 183.918
CIE-LUV	45.595, -28.904, 1.185
Hunter-Lab	38.693, -18.457, 0.916
Binary	00110001, 01110111, 01101110

#31776e
```
#31776e rgb(49,119,110)
```
#77313a
```
#77313a rgb(119,49,58)
```

Complementary Color

#31774b
```
#31774b rgb(49,119,75)
```
#31776e
```
#31776e rgb(49,119,110)
```
#315d77
```
#315d77 rgb(49,93,119)
```

Analogous Color

#774b31
```
#774b31 rgb(119,75,49)
```
#31776e
```
#31776e rgb(49,119,110)
```
#77315d
```
#77315d rgb(119,49,93)
```

Split Complementary Color

#776e31
```
#776e31 rgb(119,110,49)
```
#31776e
```
#31776e rgb(49,119,110)
```
#6e3177
```
#6e3177 rgb(110,49,119)
```

Triadic Color

#3a7731
```
#3a7731 rgb(58,119,49)
```
#31776e
```
#31776e rgb(49,119,110)
```
#6e3177
```
#6e3177 rgb(110,49,119)
```
#77313a
```
#77313a rgb(119,49,58)
```

Tetradic Color

#1b413c
```
#1b413c rgb(27,65,60)
```
#22534d
```
#22534d rgb(34,83,77)
```
#2a655d
```
#2a655d rgb(42,101,93)
```
#31776e
```
#31776e rgb(49,119,110)
```
#38897f
```
#38897f rgb(56,137,127)
```
#409b8f
```
#409b8f rgb(64,155,143)
```
#47ada0
```
#47ada0 rgb(71,173,160)
```

Monochromatic Color

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

#31775d
```
#31775d rgb(49,119,93)
```
#317762
```
#317762 rgb(49,119,98)
```
#317768
```
#317768 rgb(49,119,104)
```
#31776e
```
#31776e rgb(49,119,110)
```
#317774
```
#317774 rgb(49,119,116)
```
#317477
```
#317477 rgb(49,116,119)
```
#316f77
```
#316f77 rgb(49,111,119)
```

Similar Colors

Text with hexadecimal color #31776e

This text has a font color of #31776e.

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

#31776e background color

This paragraph has a background color of #31776e.

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

#31776e border color

This element has a border color of #31776e.

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

CSS codes

.text {color:#31776e;}

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

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

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

#030807
```
#030807 rgb(3,8,7)
```
#091614
```
#091614 rgb(9,22,20)
```
#0f2421
```
#0f2421 rgb(15,36,33)
```
#14322e
```
#14322e rgb(20,50,46)
```
#1a3f3b
```
#1a3f3b rgb(26,63,59)
```
#204d47
```
#204d47 rgb(32,77,71)
```
#265b54
```
#265b54 rgb(38,91,84)
```
#2b6961
```
#2b6961 rgb(43,105,97)
```
#31776e
```
#31776e rgb(49,119,110)
```
#37857b
```
#37857b rgb(55,133,123)
```
#3c9388
```
#3c9388 rgb(60,147,136)
```
#42a195
```
#42a195 rgb(66,161,149)
```
#48afa1
```
#48afa1 rgb(72,175,161)
```

Shade Color Variation

#52b8ab
```
#52b8ab rgb(82,184,171)
```
#60beb2
```
#60beb2 rgb(96,190,178)
```
#6ec3b8
```
#6ec3b8 rgb(110,195,184)
```
#7cc9bf
```
#7cc9bf rgb(124,201,191)
```
#8acfc6
```
#8acfc6 rgb(138,207,198)
```
#98d4cd
```
#98d4cd rgb(152,212,205)
```
#a6dad3
```
#a6dad3 rgb(166,218,211)
```
#b3e0da
```
#b3e0da rgb(179,224,218)
```
#c1e6e1
```
#c1e6e1 rgb(193,230,225)
```
#cfebe8
```
#cfebe8 rgb(207,235,232)
```
#ddf1ef
```
#ddf1ef rgb(221,241,239)
```
#ebf7f5
```
#ebf7f5 rgb(235,247,245)
```
#f9fdfc
```
#f9fdfc rgb(249,253,252)
```

Tint Color Variation

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

#515756
```
#515756 rgb(81,87,86)
```
#4b5d5b
```
#4b5d5b rgb(75,93,91)
```
#446460
```
#446460 rgb(68,100,96)
```
#3e6a64
```
#3e6a64 rgb(62,106,100)
```
#377169
```
#377169 rgb(55,113,105)
```
#31776e
```
#31776e rgb(49,119,110)
```
#2b7d73
```
#2b7d73 rgb(43,125,115)
```
#248478
```
#248478 rgb(36,132,120)
```
#1e8a7c
```
#1e8a7c rgb(30,138,124)
```
#179181
```
#179181 rgb(23,145,129)
```
#119786
```
#119786 rgb(17,151,134)
```
#0a9e8b
```
#0a9e8b rgb(10,158,139)
```
#04a490
```
#04a490 rgb(4,164,144)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#576564 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76736f Protanopia 1% of men
#7b707a Deuteranopia 1% of men
#427b84 Tritanopia 0.001% of the population

Trichromacy

#5d746f Protanomaly 1% of men, 0.01% of women
#607275 Deuteranomaly 6% of men, 0.4% of women
#3c7a7c Tritanomaly 0.01% of the population

#31776e hex color

#31776e Color Information

#31776e Color Conversion

Color Schemes with #31776e

Alternatives to #31776e

#31776e Preview

Shades and Tints of #31776e

Tones of #31776e

Color Blindness Simulator