#31766f hex color

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

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

● #31766f color description : Dark moderate cyan.

The hexadecimal color #31766f has RGB values of R:49, G:118, B:111 and CMYK values of C:0.58, M:0, Y:0.06, K:0.54. Its decimal value is 3241583.

Hex triplet	31766f	`#31766f`
RGB Decimal	49, 118, 111	`rgb(49,118,111)`
RGB Percent	19.2, 46.3, 43.5	`rgb(19.2%,46.3%,43.5%)`
CMYK	58, 0, 6, 54
HSL	173.9°, 41.3, 32.7	`hsl(173.9,41.3%,32.7%)`
HSV (or HSB)	173.9°, 58.5, 46.3
Web Safe	336666	`#336666`

CIE-LAB	45.299, -23.447, -2.692
XYZ	10.613, 14.757, 17.327
xyY	0.249, 0.346, 14.757
CIE-LCH	45.299, 23.601, 186.551
CIE-LUV	45.299, -28.459, -0.356
Hunter-Lab	38.414, -17.908, 0.147
Binary	00110001, 01110110, 01101111

#31766f
```
#31766f rgb(49,118,111)
```
#763138
```
#763138 rgb(118,49,56)
```

Complementary Color

#31764d
```
#31764d rgb(49,118,77)
```
#31766f
```
#31766f rgb(49,118,111)
```
#315b76
```
#315b76 rgb(49,91,118)
```

Analogous Color

#764d31
```
#764d31 rgb(118,77,49)
```
#31766f
```
#31766f rgb(49,118,111)
```
#76315b
```
#76315b rgb(118,49,91)
```

Split Complementary Color

#766f31
```
#766f31 rgb(118,111,49)
```
#31766f
```
#31766f rgb(49,118,111)
```
#6f3176
```
#6f3176 rgb(111,49,118)
```

Triadic Color

#387631
```
#387631 rgb(56,118,49)
```
#31766f
```
#31766f rgb(49,118,111)
```
#6f3176
```
#6f3176 rgb(111,49,118)
```
#763138
```
#763138 rgb(118,49,56)
```

Tetradic Color

#1b403c
```
#1b403c rgb(27,64,60)
```
#22524d
```
#22524d rgb(34,82,77)
```
#2a645e
```
#2a645e rgb(42,100,94)
```
#31766f
```
#31766f rgb(49,118,111)
```
#388880
```
#388880 rgb(56,136,128)
```
#409a91
```
#409a91 rgb(64,154,145)
```
#47aca2
```
#47aca2 rgb(71,172,162)
```

Monochromatic Color

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

#31765e
```
#31765e rgb(49,118,94)
```
#317663
```
#317663 rgb(49,118,99)
```
#317669
```
#317669 rgb(49,118,105)
```
#31766f
```
#31766f rgb(49,118,111)
```
#317675
```
#317675 rgb(49,118,117)
```
#317276
```
#317276 rgb(49,114,118)
```
#316c76
```
#316c76 rgb(49,108,118)
```

Similar Colors

Text with hexadecimal color #31766f

This text has a font color of #31766f.

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

#31766f background color

This paragraph has a background color of #31766f.

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

#31766f border color

This element has a border color of #31766f.

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

CSS codes

.text {color:#31766f;}

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

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

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)
```
#0e2321
```
#0e2321 rgb(14,35,33)
```
#14312e
```
#14312e rgb(20,49,46)
```
#1a3f3b
```
#1a3f3b rgb(26,63,59)
```
#204c48
```
#204c48 rgb(32,76,72)
```
#255a55
```
#255a55 rgb(37,90,85)
```
#2b6862
```
#2b6862 rgb(43,104,98)
```
#31766f
```
#31766f rgb(49,118,111)
```
#37847c
```
#37847c rgb(55,132,124)
```
#3d9289
```
#3d9289 rgb(61,146,137)
```
#42a096
```
#42a096 rgb(66,160,150)
```
#48ada3
```
#48ada3 rgb(72,173,163)
```

Shade Color Variation

#52b7ad
```
#52b7ad rgb(82,183,173)
```
#60bdb3
```
#60bdb3 rgb(96,189,179)
```
#6ec3ba
```
#6ec3ba rgb(110,195,186)
```
#7cc8c1
```
#7cc8c1 rgb(124,200,193)
```
#89cec7
```
#89cec7 rgb(137,206,199)
```
#97d4ce
```
#97d4ce rgb(151,212,206)
```
#a5dad4
```
#a5dad4 rgb(165,218,212)
```
#b3dfdb
```
#b3dfdb rgb(179,223,219)
```
#c1e5e1
```
#c1e5e1 rgb(193,229,225)
```
#cfebe8
```
#cfebe8 rgb(207,235,232)
```
#ddf1ef
```
#ddf1ef rgb(221,241,239)
```
#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 #04a393 is the most saturated one.

#515655
```
#515655 rgb(81,86,85)
```
#4b5c5b
```
#4b5c5b rgb(75,92,91)
```
#446360
```
#446360 rgb(68,99,96)
```
#3e6965
```
#3e6965 rgb(62,105,101)
```
#37706a
```
#37706a rgb(55,112,106)
```
#31766f
```
#31766f rgb(49,118,111)
```
#2b7c74
```
#2b7c74 rgb(43,124,116)
```
#248379
```
#248379 rgb(36,131,121)
```
#1e897e
```
#1e897e rgb(30,137,126)
```
#179083
```
#179083 rgb(23,144,131)
```
#119689
```
#119689 rgb(17,150,137)
```
#0a9d8e
```
#0a9d8e rgb(10,157,142)
```
#04a393
```
#04a393 rgb(4,163,147)
```

Tone Color Variation

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

#757270 Protanopia 1% of men
#796f7b Deuteranopia 1% of men
#417b84 Tritanopia 0.001% of the population

Trichromacy

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

#31766f hex color

#31766f Color Information

#31766f Color Conversion

Color Schemes with #31766f

Alternatives to #31766f

#31766f Preview

Shades and Tints of #31766f

Tones of #31766f

Color Blindness Simulator