colorhexa.com

#31576f hex color

In a RGB color space, hex #31576f is composed of 19.2% red, 34.1% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 21.6% magenta, 0% yellow and 56.5% black. It has a hue angle of 203.2 degrees, a saturation of 38.8% and a lightness of 31.4%. #31576f color hex could be obtained by blending #62aede with #000000. Closest websafe color is: #336666.

- R 19
- G 34
- B 44
RGB color chart
- C 56
- M 22
- Y 0
- K 56
CMYK color chart

● #31576f color description : Very dark desaturated blue.

The hexadecimal color #31576f has RGB values of R:49, G:87, B:111 and CMYK values of C:0.56, M:0.22, Y:0, K:0.56. Its decimal value is 3233647.

Hex triplet	31576f	`#31576f`
RGB Decimal	49, 87, 111	`rgb(49,87,111)`
RGB Percent	19.2, 34.1, 43.5	`rgb(19.2%,34.1%,43.5%)`
CMYK	56, 22, 0, 56
HSL	203.2°, 38.8, 31.4	`hsl(203.2,38.8%,31.4%)`
HSV (or HSB)	203.2°, 55.9, 43.5
Web Safe	336666	`#336666`

CIE-LAB	35.235, -5.971, -17.867
XYZ	7.543, 8.617, 16.304
xyY	0.232, 0.265, 8.617
CIE-LCH	35.235, 18.838, 251.522
CIE-LUV	35.235, -16.196, -23.241
Hunter-Lab	29.354, -5.499, -12.383
Binary	00110001, 01010111, 01101111

#31576f
```
#31576f rgb(49,87,111)
```
#6f4931
```
#6f4931 rgb(111,73,49)
```

Complementary Color

#316f68
```
#316f68 rgb(49,111,104)
```
#31576f
```
#31576f rgb(49,87,111)
```
#31386f
```
#31386f rgb(49,56,111)
```

Analogous Color

#6f6831
```
#6f6831 rgb(111,104,49)
```
#31576f
```
#31576f rgb(49,87,111)
```
#6f3138
```
#6f3138 rgb(111,49,56)
```

Split Complementary Color

#576f31
```
#576f31 rgb(87,111,49)
```
#31576f
```
#31576f rgb(49,87,111)
```
#6f3157
```
#6f3157 rgb(111,49,87)
```

Triadic Color

#1a2d3a
```
#1a2d3a rgb(26,45,58)
```
#213b4c
```
#213b4c rgb(33,59,76)
```
#29495d
```
#29495d rgb(41,73,93)
```
#31576f
```
#31576f rgb(49,87,111)
```
#396581
```
#396581 rgb(57,101,129)
```
#417392
```
#417392 rgb(65,115,146)
```
#4881a4
```
#4881a4 rgb(72,129,164)
```

Monochromatic Color

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

#31676f
```
#31676f rgb(49,103,111)
```
#31616f
```
#31616f rgb(49,97,111)
```
#315c6f
```
#315c6f rgb(49,92,111)
```
#31576f
```
#31576f rgb(49,87,111)
```
#31526f
```
#31526f rgb(49,82,111)
```
#314d6f
```
#314d6f rgb(49,77,111)
```
#31486f
```
#31486f rgb(49,72,111)
```

Similar Colors

Text with hexadecimal color #31576f

This text has a font color of #31576f.

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

#31576f background color

This paragraph has a background color of #31576f.

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

#31576f border color

This element has a border color of #31576f.

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

CSS codes

.text {color:#31576f;}

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

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

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

#010202
```
#010202 rgb(1,2,2)
```
#070c10
```
#070c10 rgb(7,12,16)
```
#0d171d
```
#0d171d rgb(13,23,29)
```
#13222b
```
#13222b rgb(19,34,43)
```
#192c39
```
#192c39 rgb(25,44,57)
```
#1f3746
```
#1f3746 rgb(31,55,70)
```
#254254
```
#254254 rgb(37,66,84)
```
#2b4c61
```
#2b4c61 rgb(43,76,97)
```
#31576f
```
#31576f rgb(49,87,111)
```
#37627d
```
#37627d rgb(55,98,125)
```
#3d6c8a
```
#3d6c8a rgb(61,108,138)
```
#437798
```
#437798 rgb(67,119,152)
```
#4982a5
```
#4982a5 rgb(73,130,165)
```

Shade Color Variation

#508cb2
```
#508cb2 rgb(80,140,178)
```
#5e95b8
```
#5e95b8 rgb(94,149,184)
```
#6b9ebe
```
#6b9ebe rgb(107,158,190)
```
#79a7c4
```
#79a7c4 rgb(121,167,196)
```
#87b0ca
```
#87b0ca rgb(135,176,202)
```
#94b9d0
```
#94b9d0 rgb(148,185,208)
```
#a2c2d6
```
#a2c2d6 rgb(162,194,214)
```
#afcbdc
```
#afcbdc rgb(175,203,220)
```
#bdd4e2
```
#bdd4e2 rgb(189,212,226)
```
#cbdde8
```
#cbdde8 rgb(203,221,232)
```
#d8e6ee
```
#d8e6ee rgb(216,230,238)
```
#e6eff4
```
#e6eff4 rgb(230,239,244)
```
#f4f7fa
```
#f4f7fa rgb(244,247,250)
```

Tint Color Variation

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

#505050
```
#505050 rgb(80,80,80)
```
#4a5156
```
#4a5156 rgb(74,81,86)
```
#43535d
```
#43535d rgb(67,83,93)
```
#3d5463
```
#3d5463 rgb(61,84,99)
```
#375669
```
#375669 rgb(55,86,105)
```
#31576f
```
#31576f rgb(49,87,111)
```
#2b5875
```
#2b5875 rgb(43,88,117)
```
#255a7b
```
#255a7b rgb(37,90,123)
```
#1f5b81
```
#1f5b81 rgb(31,91,129)
```
#185d88
```
#185d88 rgb(24,93,136)
```
#125e8e
```
#125e8e rgb(18,94,142)
```
#0c5f94
```
#0c5f94 rgb(12,95,148)
```
#06619a
```
#06619a rgb(6,97,154)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#485055 Atypical Achromatopsia 0.001% of the population

Dichromacy

#555a73 Protanopia 1% of men
#535a78 Deuteranopia 1% of men
#356269 Tritanopia 0.001% of the population

Trichromacy

#475971 Protanomaly 1% of men, 0.01% of women
#465975 Deuteranomaly 6% of men, 0.4% of women
#345e6b Tritanomaly 0.01% of the population