#31424d hex color

In a RGB color space, hex #31424d is composed of 19.2% red, 25.9% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 36.4% cyan, 14.3% magenta, 0% yellow and 69.8% black. It has a hue angle of 203.6 degrees, a saturation of 22.2% and a lightness of 24.7%. #31424d color hex could be obtained by blending #62849a with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 26
- B 30
RGB color chart
- C 36
- M 14
- Y 0
- K 70
CMYK color chart

● #31424d color description : Very dark desaturated blue.

The hexadecimal color #31424d has RGB values of R:49, G:66, B:77 and CMYK values of C:0.36, M:0.14, Y:0, K:0.7. Its decimal value is 3228237.

Hex triplet	31424d	`#31424d`
RGB Decimal	49, 66, 77	`rgb(49,66,77)`
RGB Percent	19.2, 25.9, 30.2	`rgb(19.2%,25.9%,30.2%)`
CMYK	36, 14, 0, 70
HSL	203.6°, 22.2, 24.7	`hsl(203.6,22.2%,24.7%)`
HSV (or HSB)	203.6°, 36.4, 30.2
Web Safe	333366	`#333366`

CIE-LAB	26.976, -3.637, -8.833
XYZ	4.554, 5.085, 7.762
xyY	0.262, 0.292, 5.085
CIE-LCH	26.976, 9.552, 247.622
CIE-LUV	26.976, -8.023, -10.092
Hunter-Lab	22.55, -3.414, -4.624
Binary	00110001, 01000010, 01001101

#31424d
```
#31424d rgb(49,66,77)
```
#4d3c31
```
#4d3c31 rgb(77,60,49)
```

Complementary Color

#314d4a
```
#314d4a rgb(49,77,74)
```
#31424d
```
#31424d rgb(49,66,77)
```
#31344d
```
#31344d rgb(49,52,77)
```

Analogous Color

#4d4a31
```
#4d4a31 rgb(77,74,49)
```
#31424d
```
#31424d rgb(49,66,77)
```
#4d3134
```
#4d3134 rgb(77,49,52)
```

Split Complementary Color

#424d31
```
#424d31 rgb(66,77,49)
```
#31424d
```
#31424d rgb(49,66,77)
```
#4d3142
```
#4d3142 rgb(77,49,66)
```

Triadic Color

#314d3c
```
#314d3c rgb(49,77,60)
```
#31424d
```
#31424d rgb(49,66,77)
```
#4d3142
```
#4d3142 rgb(77,49,66)
```
#4d3c31
```
#4d3c31 rgb(77,60,49)
```

Tetradic Color

#131a1e
```
#131a1e rgb(19,26,30)
```
#1d272e
```
#1d272e rgb(29,39,46)
```
#27353d
```
#27353d rgb(39,53,61)
```
#31424d
```
#31424d rgb(49,66,77)
```
#3b4f5d
```
#3b4f5d rgb(59,79,93)
```
#455d6c
```
#455d6c rgb(69,93,108)
```
#4f6a7c
```
#4f6a7c rgb(79,106,124)
```

Monochromatic Color

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

#31494d
```
#31494d rgb(49,73,77)
```
#31474d
```
#31474d rgb(49,71,77)
```
#31444d
```
#31444d rgb(49,68,77)
```
#31424d
```
#31424d rgb(49,66,77)
```
#31404d
```
#31404d rgb(49,64,77)
```
#313d4d
```
#313d4d rgb(49,61,77)
```
#313b4d
```
#313b4d rgb(49,59,77)
```

Similar Colors

Text with hexadecimal color #31424d

This text has a font color of #31424d.

<span style="color:#31424d;">Text here</span>

#31424d background color

This paragraph has a background color of #31424d.

<p style="background-color:#31424d;">Content here</p>

#31424d border color

This element has a border color of #31424d.

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

CSS codes

.text {color:#31424d;}

.background {background-color:#31424d;}

.border {border:1px solid #31424d;}

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

#030405
```
#030405 rgb(3,4,5)
```
#0b0f11
```
#0b0f11 rgb(11,15,17)
```
#12191d
```
#12191d rgb(18,25,29)
```
#1a2329
```
#1a2329 rgb(26,35,41)
```
#222d35
```
#222d35 rgb(34,45,53)
```
#293841
```
#293841 rgb(41,56,65)
```
#31424d
```
#31424d rgb(49,66,77)
```
#394c59
```
#394c59 rgb(57,76,89)
```
#405765
```
#405765 rgb(64,87,101)
```
#486171
```
#486171 rgb(72,97,113)
```
#506b7d
```
#506b7d rgb(80,107,125)
```
#577589
```
#577589 rgb(87,117,137)
```
#5f8095
```
#5f8095 rgb(95,128,149)
```

Shade Color Variation

#688a9f
```
#688a9f rgb(104,138,159)
```
#7493a7
```
#7493a7 rgb(116,147,167)
```
#809cae
```
#809cae rgb(128,156,174)
```
#8ca6b6
```
#8ca6b6 rgb(140,166,182)
```
#98afbe
```
#98afbe rgb(152,175,190)
```
#a4b8c5
```
#a4b8c5 rgb(164,184,197)
```
#b0c2cd
```
#b0c2cd rgb(176,194,205)
```
#bccbd4
```
#bccbd4 rgb(188,203,212)
```
#c8d4dc
```
#c8d4dc rgb(200,212,220)
```
#d4dee4
```
#d4dee4 rgb(212,222,228)
```
#e0e7eb
```
#e0e7eb rgb(224,231,235)
```
#ecf0f3
```
#ecf0f3 rgb(236,240,243)
```
#f8fafb
```
#f8fafb rgb(248,250,251)
```

Tint Color Variation

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

#3b4043
```
#3b4043 rgb(59,64,67)
```
#364148
```
#364148 rgb(54,65,72)
```
#31424d
```
#31424d rgb(49,66,77)
```
#2c4352
```
#2c4352 rgb(44,67,82)
```
#274457
```
#274457 rgb(39,68,87)
```
#22455c
```
#22455c rgb(34,69,92)
```
#1e4660
```
#1e4660 rgb(30,70,96)
```
#194765
```
#194765 rgb(25,71,101)
```
#14486a
```
#14486a rgb(20,72,106)
```
#0f496f
```
#0f496f rgb(15,73,111)
```
#0a4a74
```
#0a4a74 rgb(10,74,116)
```
#054b79
```
#054b79 rgb(5,75,121)
```
#014c7d
```
#014c7d rgb(1,76,125)
```

Tone Color Variation

Below, you can see how #31424d 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

#3e3e3e Achromatopsia 0.005% of the population
#3b3f41 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474954 Protanopia 1% of men
#494857 Deuteranopia 1% of men
#3a4c52 Tritanopia 0.001% of the population

Trichromacy

#3f4651 Protanomaly 1% of men, 0.01% of women
#404553 Deuteranomaly 6% of men, 0.4% of women
#374850 Tritanomaly 0.01% of the population

#31424d hex color

#31424d Color Information

#31424d Color Conversion

Color Schemes with #31424d

Alternatives to #31424d

#31424d Preview

Shades and Tints of #31424d

Tones of #31424d

Color Blindness Simulator