#31776f hex color

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

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

● #31776f color description : Dark moderate cyan.

The hexadecimal color #31776f has RGB values of R:49, G:119, B:111 and CMYK values of C:0.59, M:0, Y:0.07, K:0.53. Its decimal value is 3241839.

Hex triplet	31776f	`#31776f`
RGB Decimal	49, 119, 111	`rgb(49,119,111)`
RGB Percent	19.2, 46.7, 43.5	`rgb(19.2%,46.7%,43.5%)`
CMYK	59, 0, 7, 53
HSL	173.1°, 41.7, 32.9	`hsl(173.1,41.7%,32.9%)`
HSV (or HSB)	173.1°, 58.8, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.625, -23.961, -2.212
XYZ	10.732, 14.993, 17.367
xyY	0.249, 0.348, 14.993
CIE-LCH	45.625, 24.063, 185.275
CIE-LUV	45.625, -28.855, 0.382
Hunter-Lab	38.721, -18.29, 0.513
Binary	00110001, 01110111, 01101111

#31776f
```
#31776f rgb(49,119,111)
```
#773139
```
#773139 rgb(119,49,57)
```

Complementary Color

#31774c
```
#31774c rgb(49,119,76)
```
#31776f
```
#31776f rgb(49,119,111)
```
#315c77
```
#315c77 rgb(49,92,119)
```

Analogous Color

#774c31
```
#774c31 rgb(119,76,49)
```
#31776f
```
#31776f rgb(49,119,111)
```
#77315c
```
#77315c rgb(119,49,92)
```

Split Complementary Color

#776f31
```
#776f31 rgb(119,111,49)
```
#31776f
```
#31776f rgb(49,119,111)
```
#6f3177
```
#6f3177 rgb(111,49,119)
```

Triadic Color

#397731
```
#397731 rgb(57,119,49)
```
#31776f
```
#31776f rgb(49,119,111)
```
#6f3177
```
#6f3177 rgb(111,49,119)
```
#773139
```
#773139 rgb(119,49,57)
```

Tetradic Color

#1b413c
```
#1b413c rgb(27,65,60)
```
#22534d
```
#22534d rgb(34,83,77)
```
#2a655e
```
#2a655e rgb(42,101,94)
```
#31776f
```
#31776f rgb(49,119,111)
```
#388980
```
#388980 rgb(56,137,128)
```
#409b91
```
#409b91 rgb(64,155,145)
```
#47ada2
```
#47ada2 rgb(71,173,162)
```

Monochromatic Color

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

#31775e
```
#31775e rgb(49,119,94)
```
#317763
```
#317763 rgb(49,119,99)
```
#317769
```
#317769 rgb(49,119,105)
```
#31776f
```
#31776f rgb(49,119,111)
```
#317775
```
#317775 rgb(49,119,117)
```
#317377
```
#317377 rgb(49,115,119)
```
#316e77
```
#316e77 rgb(49,110,119)
```

Similar Colors

Text with hexadecimal color #31776f

This text has a font color of #31776f.

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

#31776f background color

This paragraph has a background color of #31776f.

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

#31776f border color

This element has a border color of #31776f.

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

CSS codes

.text {color:#31776f;}

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

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

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)
```
#204d48
```
#204d48 rgb(32,77,72)
```
#265b55
```
#265b55 rgb(38,91,85)
```
#2b6962
```
#2b6962 rgb(43,105,98)
```
#31776f
```
#31776f rgb(49,119,111)
```
#37857c
```
#37857c rgb(55,133,124)
```
#3c9389
```
#3c9389 rgb(60,147,137)
```
#42a196
```
#42a196 rgb(66,161,150)
```
#48afa3
```
#48afa3 rgb(72,175,163)
```

Shade Color Variation

#52b8ac
```
#52b8ac rgb(82,184,172)
```
#60beb3
```
#60beb3 rgb(96,190,179)
```
#6ec3ba
```
#6ec3ba rgb(110,195,186)
```
#7cc9c0
```
#7cc9c0 rgb(124,201,192)
```
#8acfc7
```
#8acfc7 rgb(138,207,199)
```
#98d4ce
```
#98d4ce rgb(152,212,206)
```
#a6dad4
```
#a6dad4 rgb(166,218,212)
```
#b3e0db
```
#b3e0db rgb(179,224,219)
```
#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 #04a492 is the most saturated one.

#515756
```
#515756 rgb(81,87,86)
```
#4b5d5b
```
#4b5d5b rgb(75,93,91)
```
#446460
```
#446460 rgb(68,100,96)
```
#3e6a65
```
#3e6a65 rgb(62,106,101)
```
#37716a
```
#37716a rgb(55,113,106)
```
#31776f
```
#31776f rgb(49,119,111)
```
#2b7d74
```
#2b7d74 rgb(43,125,116)
```
#248479
```
#248479 rgb(36,132,121)
```
#1e8a7e
```
#1e8a7e rgb(30,138,126)
```
#179183
```
#179183 rgb(23,145,131)
```
#119788
```
#119788 rgb(17,151,136)
```
#0a9e8d
```
#0a9e8d rgb(10,158,141)
```
#04a492
```
#04a492 rgb(4,164,146)
```

Tone Color Variation

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

#767370 Protanopia 1% of men
#7a707b Deuteranopia 1% of men
#427b84 Tritanopia 0.001% of the population

Trichromacy

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

#31776f hex color

#31776f Color Information

#31776f Color Conversion

Color Schemes with #31776f

Alternatives to #31776f

#31776f Preview

Shades and Tints of #31776f

Tones of #31776f

Color Blindness Simulator