#31504e hex color

In a RGB color space, hex #31504e is composed of 19.2% red, 31.4% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 0% magenta, 2.5% yellow and 68.6% black. It has a hue angle of 176.1 degrees, a saturation of 24% and a lightness of 25.3%. #31504e color hex could be obtained by blending #62a09c with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 19
- G 31
- B 31
RGB color chart
- C 39
- M 0
- Y 2
- K 69
CMYK color chart

● #31504e color description : Very dark desaturated cyan.

The hexadecimal color #31504e has RGB values of R:49, G:80, B:78 and CMYK values of C:0.39, M:0, Y:0.02, K:0.69. Its decimal value is 3231822.

Hex triplet	31504e	`#31504e`
RGB Decimal	49, 80, 78	`rgb(49,80,78)`
RGB Percent	19.2, 31.4, 30.6	`rgb(19.2%,31.4%,30.6%)`
CMYK	39, 0, 2, 69
HSL	176.1°, 24, 25.3	`hsl(176.1,24%,25.3%)`
HSV (or HSB)	176.1°, 38.8, 31.4
Web Safe	336666	`#336666`

CIE-LAB	31.67, -11.962, -2.463
XYZ	5.51, 6.94, 8.257
xyY	0.266, 0.335, 6.94
CIE-LCH	31.67, 12.213, 191.636
CIE-LUV	31.67, -13.927, -1.454
Hunter-Lab	26.344, -8.767, -0.141
Binary	00110001, 01010000, 01001110

#31504e
```
#31504e rgb(49,80,78)
```
#503133
```
#503133 rgb(80,49,51)
```

Complementary Color

#31503f
```
#31503f rgb(49,80,63)
```
#31504e
```
#31504e rgb(49,80,78)
```
#314350
```
#314350 rgb(49,67,80)
```

Analogous Color

#503f31
```
#503f31 rgb(80,63,49)
```
#31504e
```
#31504e rgb(49,80,78)
```
#503143
```
#503143 rgb(80,49,67)
```

Split Complementary Color

#504e31
```
#504e31 rgb(80,78,49)
```
#31504e
```
#31504e rgb(49,80,78)
```
#4e3150
```
#4e3150 rgb(78,49,80)
```

Triadic Color

#335031
```
#335031 rgb(51,80,49)
```
#31504e
```
#31504e rgb(49,80,78)
```
#4e3150
```
#4e3150 rgb(78,49,80)
```
#503133
```
#503133 rgb(80,49,51)
```

Tetradic Color

#142120
```
#142120 rgb(20,33,32)
```
#1e302f
```
#1e302f rgb(30,48,47)
```
#27403f
```
#27403f rgb(39,64,63)
```
#31504e
```
#31504e rgb(49,80,78)
```
#3b605d
```
#3b605d rgb(59,96,93)
```
#44706d
```
#44706d rgb(68,112,109)
```
#4e7f7c
```
#4e7f7c rgb(78,127,124)
```

Monochromatic Color

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

#315046
```
#315046 rgb(49,80,70)
```
#315049
```
#315049 rgb(49,80,73)
```
#31504b
```
#31504b rgb(49,80,75)
```
#31504e
```
#31504e rgb(49,80,78)
```
#314f50
```
#314f50 rgb(49,79,80)
```
#314d50
```
#314d50 rgb(49,77,80)
```
#314a50
```
#314a50 rgb(49,74,80)
```

Similar Colors

Text with hexadecimal color #31504e

This text has a font color of #31504e.

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

#31504e background color

This paragraph has a background color of #31504e.

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

#31504e border color

This element has a border color of #31504e.

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

CSS codes

.text {color:#31504e;}

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

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

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

#040707
```
#040707 rgb(4,7,7)
```
#0c1313
```
#0c1313 rgb(12,19,19)
```
#131f1f
```
#131f1f rgb(19,31,31)
```
#1b2c2a
```
#1b2c2a rgb(27,44,42)
```
#223836
```
#223836 rgb(34,56,54)
```
#2a4442
```
#2a4442 rgb(42,68,66)
```
#31504e
```
#31504e rgb(49,80,78)
```
#385c5a
```
#385c5a rgb(56,92,90)
```
#406866
```
#406866 rgb(64,104,102)
```
#477472
```
#477472 rgb(71,116,114)
```
#4f817d
```
#4f817d rgb(79,129,125)
```
#568d89
```
#568d89 rgb(86,141,137)
```
#5e9995
```
#5e9995 rgb(94,153,149)
```

Shade Color Variation

#68a29f
```
#68a29f rgb(104,162,159)
```
#74aaa6
```
#74aaa6 rgb(116,170,166)
```
#80b1ae
```
#80b1ae rgb(128,177,174)
```
#8cb9b6
```
#8cb9b6 rgb(140,185,182)
```
#99c0be
```
#99c0be rgb(153,192,190)
```
#a5c8c5
```
#a5c8c5 rgb(165,200,197)
```
#b1cfcd
```
#b1cfcd rgb(177,207,205)
```
#bdd7d5
```
#bdd7d5 rgb(189,215,213)
```
#c9dedd
```
#c9dedd rgb(201,222,221)
```
#d5e5e4
```
#d5e5e4 rgb(213,229,228)
```
#e2edec
```
#e2edec rgb(226,237,236)
```
#eef4f4
```
#eef4f4 rgb(238,244,244)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Tint Color Variation

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

#404141
```
#404141 rgb(64,65,65)
```
#3b4645
```
#3b4645 rgb(59,70,69)
```
#364b4a
```
#364b4a rgb(54,75,74)
```
#31504e
```
#31504e rgb(49,80,78)
```
#2c5552
```
#2c5552 rgb(44,85,82)
```
#275a57
```
#275a57 rgb(39,90,87)
```
#225f5b
```
#225f5b rgb(34,95,91)
```
#1d645f
```
#1d645f rgb(29,100,95)
```
#186964
```
#186964 rgb(24,105,100)
```
#136e68
```
#136e68 rgb(19,110,104)
```
#0e736c
```
#0e736c rgb(14,115,108)
```
#097871
```
#097871 rgb(9,120,113)
```
#047d75
```
#047d75 rgb(4,125,117)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#434948 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555354 Protanopia 1% of men
#585159 Deuteranopia 1% of men
#3d575e Tritanopia 0.001% of the population

Trichromacy

#485251 Protanomaly 1% of men, 0.01% of women
#4a5155 Deuteranomaly 6% of men, 0.4% of women
#395558 Tritanomaly 0.01% of the population

#31504e hex color

#31504e Color Information

#31504e Color Conversion

Color Schemes with #31504e

Alternatives to #31504e

#31504e Preview

Shades and Tints of #31504e

Tones of #31504e

Color Blindness Simulator