#31776b hex color

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

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

● #31776b color description : Dark moderate cyan.

The hexadecimal color #31776b has RGB values of R:49, G:119, B:107 and CMYK values of C:0.59, M:0, Y:0.1, K:0.53. Its decimal value is 3241835.

Hex triplet	31776b	`#31776b`
RGB Decimal	49, 119, 107	`rgb(49,119,107)`
RGB Percent	19.2, 46.7, 42	`rgb(19.2%,46.7%,42%)`
CMYK	59, 0, 10, 53
HSL	169.7°, 41.7, 32.9	`hsl(169.7,41.7%,32.9%)`
HSV (or HSB)	169.7°, 58.8, 46.7
Web Safe	336666	`#336666`

CIE-LAB	45.507, -25.078, -0.002
XYZ	10.516, 14.907, 16.232
xyY	0.252, 0.358, 14.907
CIE-LCH	45.507, 25.078, 180.004
CIE-LUV	45.507, -29.05, 3.576
Hunter-Lab	38.61, -18.948, 2.101
Binary	00110001, 01110111, 01101011

#31776b
```
#31776b rgb(49,119,107)
```
#77313d
```
#77313d rgb(119,49,61)
```

Complementary Color

#317748
```
#317748 rgb(49,119,72)
```
#31776b
```
#31776b rgb(49,119,107)
```
#316077
```
#316077 rgb(49,96,119)
```

Analogous Color

#774831
```
#774831 rgb(119,72,49)
```
#31776b
```
#31776b rgb(49,119,107)
```
#773160
```
#773160 rgb(119,49,96)
```

Split Complementary Color

#776b31
```
#776b31 rgb(119,107,49)
```
#31776b
```
#31776b rgb(49,119,107)
```
#6b3177
```
#6b3177 rgb(107,49,119)
```

Triadic Color

#3d7731
```
#3d7731 rgb(61,119,49)
```
#31776b
```
#31776b rgb(49,119,107)
```
#6b3177
```
#6b3177 rgb(107,49,119)
```
#77313d
```
#77313d rgb(119,49,61)
```

Tetradic Color

#1b413a
```
#1b413a rgb(27,65,58)
```
#22534b
```
#22534b rgb(34,83,75)
```
#2a655b
```
#2a655b rgb(42,101,91)
```
#31776b
```
#31776b rgb(49,119,107)
```
#38897b
```
#38897b rgb(56,137,123)
```
#409b8b
```
#409b8b rgb(64,155,139)
```
#47ad9c
```
#47ad9c rgb(71,173,156)
```

Monochromatic Color

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

#31775a
```
#31775a rgb(49,119,90)
```
#31775f
```
#31775f rgb(49,119,95)
```
#317765
```
#317765 rgb(49,119,101)
```
#31776b
```
#31776b rgb(49,119,107)
```
#317771
```
#317771 rgb(49,119,113)
```
#317777
```
#317777 rgb(49,119,119)
```
#317277
```
#317277 rgb(49,114,119)
```

Similar Colors

Text with hexadecimal color #31776b

This text has a font color of #31776b.

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

#31776b background color

This paragraph has a background color of #31776b.

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

#31776b border color

This element has a border color of #31776b.

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

CSS codes

.text {color:#31776b;}

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

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

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)
```
#0f2420
```
#0f2420 rgb(15,36,32)
```
#14322d
```
#14322d rgb(20,50,45)
```
#1a3f39
```
#1a3f39 rgb(26,63,57)
```
#204d46
```
#204d46 rgb(32,77,70)
```
#265b52
```
#265b52 rgb(38,91,82)
```
#2b695f
```
#2b695f rgb(43,105,95)
```
#31776b
```
#31776b rgb(49,119,107)
```
#378577
```
#378577 rgb(55,133,119)
```
#3c9384
```
#3c9384 rgb(60,147,132)
```
#42a190
```
#42a190 rgb(66,161,144)
```
#48af9d
```
#48af9d rgb(72,175,157)
```

Shade Color Variation

#52b8a6
```
#52b8a6 rgb(82,184,166)
```
#60beae
```
#60beae rgb(96,190,174)
```
#6ec3b5
```
#6ec3b5 rgb(110,195,181)
```
#7cc9bc
```
#7cc9bc rgb(124,201,188)
```
#8acfc3
```
#8acfc3 rgb(138,207,195)
```
#98d4ca
```
#98d4ca rgb(152,212,202)
```
#a6dad1
```
#a6dad1 rgb(166,218,209)
```
#b3e0d8
```
#b3e0d8 rgb(179,224,216)
```
#c1e6df
```
#c1e6df rgb(193,230,223)
```
#cfebe7
```
#cfebe7 rgb(207,235,231)
```
#ddf1ee
```
#ddf1ee rgb(221,241,238)
```
#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 #04a489 is the most saturated one.

#515756
```
#515756 rgb(81,87,86)
```
#4b5d5a
```
#4b5d5a rgb(75,93,90)
```
#44645e
```
#44645e rgb(68,100,94)
```
#3e6a63
```
#3e6a63 rgb(62,106,99)
```
#377167
```
#377167 rgb(55,113,103)
```
#31776b
```
#31776b rgb(49,119,107)
```
#2b7d6f
```
#2b7d6f rgb(43,125,111)
```
#248473
```
#248473 rgb(36,132,115)
```
#1e8a78
```
#1e8a78 rgb(30,138,120)
```
#17917c
```
#17917c rgb(23,145,124)
```
#119780
```
#119780 rgb(17,151,128)
```
#0a9e84
```
#0a9e84 rgb(10,158,132)
```
#04a489
```
#04a489 rgb(4,164,137)
```

Tone Color Variation

Below, you can see how #31776b 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
#576563 Atypical Achromatopsia 0.001% of the population

Dichromacy

#76726c Protanopia 1% of men
#7c7077 Deuteranopia 1% of men
#437b84 Tritanopia 0.001% of the population

Trichromacy

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

#31776b hex color

#31776b Color Information

#31776b Color Conversion

Color Schemes with #31776b

Alternatives to #31776b

#31776b Preview

Shades and Tints of #31776b

Tones of #31776b

Color Blindness Simulator