#31534c hex color

In a RGB color space, hex #31534c is composed of 19.2% red, 32.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 0% magenta, 8.4% yellow and 67.5% black. It has a hue angle of 167.6 degrees, a saturation of 25.8% and a lightness of 25.9%. #31534c color hex could be obtained by blending #62a698 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 33
- B 30
RGB color chart
- C 41
- M 0
- Y 8
- K 67
CMYK color chart

● #31534c color description : Very dark desaturated cyan.

The hexadecimal color #31534c has RGB values of R:49, G:83, B:76 and CMYK values of C:0.41, M:0, Y:0.08, K:0.67. Its decimal value is 3232588.

Hex triplet	31534c	`#31534c`
RGB Decimal	49, 83, 76	`rgb(49,83,76)`
RGB Percent	19.2, 32.5, 29.8	`rgb(19.2%,32.5%,29.8%)`
CMYK	41, 0, 8, 67
HSL	167.6°, 25.8, 25.9	`hsl(167.6,25.8%,25.9%)`
HSV (or HSB)	167.6°, 41, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.615, -14.249, 0.194
XYZ	5.664, 7.361, 7.959
xyY	0.27, 0.351, 7.361
CIE-LCH	32.615, 14.25, 179.221
CIE-LUV	32.615, -15.247, 2.126
Hunter-Lab	27.131, -10.215, 1.598
Binary	00110001, 01010011, 01001100

#31534c
```
#31534c rgb(49,83,76)
```
#533138
```
#533138 rgb(83,49,56)
```

Complementary Color

#31533b
```
#31533b rgb(49,83,59)
```
#31534c
```
#31534c rgb(49,83,76)
```
#314953
```
#314953 rgb(49,73,83)
```

Analogous Color

#533b31
```
#533b31 rgb(83,59,49)
```
#31534c
```
#31534c rgb(49,83,76)
```
#533149
```
#533149 rgb(83,49,73)
```

Split Complementary Color

#534c31
```
#534c31 rgb(83,76,49)
```
#31534c
```
#31534c rgb(49,83,76)
```
#4c3153
```
#4c3153 rgb(76,49,83)
```

Triadic Color

#385331
```
#385331 rgb(56,83,49)
```
#31534c
```
#31534c rgb(49,83,76)
```
#4c3153
```
#4c3153 rgb(76,49,83)
```
#533138
```
#533138 rgb(83,49,56)
```

Tetradic Color

#152320
```
#152320 rgb(21,35,32)
```
#1e332f
```
#1e332f rgb(30,51,47)
```
#28433d
```
#28433d rgb(40,67,61)
```
#31534c
```
#31534c rgb(49,83,76)
```
#3a635b
```
#3a635b rgb(58,99,91)
```
#447369
```
#447369 rgb(68,115,105)
```
#4d8378
```
#4d8378 rgb(77,131,120)
```

Monochromatic Color

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

#315344
```
#315344 rgb(49,83,68)
```
#315346
```
#315346 rgb(49,83,70)
```
#315349
```
#315349 rgb(49,83,73)
```
#31534c
```
#31534c rgb(49,83,76)
```
#31534f
```
#31534f rgb(49,83,79)
```
#315352
```
#315352 rgb(49,83,82)
```
#315253
```
#315253 rgb(49,82,83)
```

Similar Colors

Text with hexadecimal color #31534c

This text has a font color of #31534c.

<span style="color:#31534c;">Text here</span>

#31534c background color

This paragraph has a background color of #31534c.

<p style="background-color:#31534c;">Content here</p>

#31534c border color

This element has a border color of #31534c.

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

CSS codes

.text {color:#31534c;}

.background {background-color:#31534c;}

.border {border:1px solid #31534c;}

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

#050908
```
#050908 rgb(5,9,8)
```
#0d1514
```
#0d1514 rgb(13,21,20)
```
#14221f
```
#14221f rgb(20,34,31)
```
#1b2e2a
```
#1b2e2a rgb(27,46,42)
```
#223a35
```
#223a35 rgb(34,58,53)
```
#2a4741
```
#2a4741 rgb(42,71,65)
```
#31534c
```
#31534c rgb(49,83,76)
```
#385f57
```
#385f57 rgb(56,95,87)
```
#406c63
```
#406c63 rgb(64,108,99)
```
#47786e
```
#47786e rgb(71,120,110)
```
#4e8479
```
#4e8479 rgb(78,132,121)
```
#559184
```
#559184 rgb(85,145,132)
```
#5d9d90
```
#5d9d90 rgb(93,157,144)
```

Shade Color Variation

#68a699
```
#68a699 rgb(104,166,153)
```
#74ada1
```
#74ada1 rgb(116,173,161)
```
#80b4aa
```
#80b4aa rgb(128,180,170)
```
#8dbbb2
```
#8dbbb2 rgb(141,187,178)
```
#99c3ba
```
#99c3ba rgb(153,195,186)
```
#a5cac2
```
#a5cac2 rgb(165,202,194)
```
#b2d1cb
```
#b2d1cb rgb(178,209,203)
```
#bed9d3
```
#bed9d3 rgb(190,217,211)
```
#cae0db
```
#cae0db rgb(202,224,219)
```
#d7e7e4
```
#d7e7e4 rgb(215,231,228)
```
#e3eeec
```
#e3eeec rgb(227,238,236)
```
#eff6f4
```
#eff6f4 rgb(239,246,244)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#404443
```
#404443 rgb(64,68,67)
```
#3b4946
```
#3b4946 rgb(59,73,70)
```
#364e49
```
#364e49 rgb(54,78,73)
```
#31534c
```
#31534c rgb(49,83,76)
```
#2c584f
```
#2c584f rgb(44,88,79)
```
#275d52
```
#275d52 rgb(39,93,82)
```
#226255
```
#226255 rgb(34,98,85)
```
#1d6758
```
#1d6758 rgb(29,103,88)
```
#186c5b
```
#186c5b rgb(24,108,91)
```
#13715e
```
#13715e rgb(19,113,94)
```
#0d7761
```
#0d7761 rgb(13,119,97)
```
#087c64
```
#087c64 rgb(8,124,100)
```
#038167
```
#038167 rgb(3,129,103)
```

Tone Color Variation

Below, you can see how #31534c 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

#484848 Achromatopsia 0.005% of the population
#434a49 Atypical Achromatopsia 0.001% of the population

Dichromacy

#585552 Protanopia 1% of men
#5c5358 Deuteranopia 1% of men
#3f5a60 Tritanopia 0.001% of the population

Trichromacy

#4a544f Protanomaly 1% of men, 0.01% of women
#4c5353 Deuteranomaly 6% of men, 0.4% of women
#3a5759 Tritanomaly 0.01% of the population

#31534c hex color

#31534c Color Information

#31534c Color Conversion

Color Schemes with #31534c

Alternatives to #31534c

#31534c Preview

Shades and Tints of #31534c

Tones of #31534c

Color Blindness Simulator