#31283d hex color

In a RGB color space, hex #31283d is composed of 19.2% red, 15.7% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 19.7% cyan, 34.4% magenta, 0% yellow and 76.1% black. It has a hue angle of 265.7 degrees, a saturation of 20.8% and a lightness of 19.8%. #31283d color hex could be obtained by blending #62507a with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 16
- B 24
RGB color chart
- C 20
- M 34
- Y 0
- K 76
CMYK color chart

● #31283d color description : Very dark grayish violet.

The hexadecimal color #31283d has RGB values of R:49, G:40, B:61 and CMYK values of C:0.2, M:0.34, Y:0, K:0.76. Its decimal value is 3221565.

Hex triplet	31283d	`#31283d`
RGB Decimal	49, 40, 61	`rgb(49,40,61)`
RGB Percent	19.2, 15.7, 23.9	`rgb(19.2%,15.7%,23.9%)`
CMYK	20, 34, 0, 76
HSL	265.7°, 20.8, 19.8	`hsl(265.7,20.8%,19.8%)`
HSV (or HSB)	265.7°, 34.4, 23.9
Web Safe	333333	`#333333`

CIE-LAB	17.952, 9.308, -11.855
XYZ	2.868, 2.507, 4.748
xyY	0.283, 0.248, 2.507
CIE-LCH	17.952, 15.072, 308.138
CIE-LUV	17.952, 2.747, -13.055
Hunter-Lab	15.835, 4.613, -6.691
Binary	00110001, 00101000, 00111101

#31283d
```
#31283d rgb(49,40,61)
```
#343d28
```
#343d28 rgb(52,61,40)
```

Complementary Color

#282a3d
```
#282a3d rgb(40,42,61)
```
#31283d
```
#31283d rgb(49,40,61)
```
#3c283d
```
#3c283d rgb(60,40,61)
```

Analogous Color

#2a3d28
```
#2a3d28 rgb(42,61,40)
```
#31283d
```
#31283d rgb(49,40,61)
```
#3d3c28
```
#3d3c28 rgb(61,60,40)
```

Split Complementary Color

#283d31
```
#283d31 rgb(40,61,49)
```
#31283d
```
#31283d rgb(49,40,61)
```
#3d3128
```
#3d3128 rgb(61,49,40)
```

Triadic Color

#28343d
```
#28343d rgb(40,52,61)
```
#31283d
```
#31283d rgb(49,40,61)
```
#3d3128
```
#3d3128 rgb(61,49,40)
```
#343d28
```
#343d28 rgb(52,61,40)
```

Tetradic Color

#0c0a0f
```
#0c0a0f rgb(12,10,15)
```
#18141e
```
#18141e rgb(24,20,30)
```
#251e2e
```
#251e2e rgb(37,30,46)
```
#31283d
```
#31283d rgb(49,40,61)
```
#3d324c
```
#3d324c rgb(61,50,76)
```
#4a3c5c
```
#4a3c5c rgb(74,60,92)
```
#56466b
```
#56466b rgb(86,70,107)
```

Monochromatic Color

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

#2c283d
```
#2c283d rgb(44,40,61)
```
#2e283d
```
#2e283d rgb(46,40,61)
```
#2f283d
```
#2f283d rgb(47,40,61)
```
#31283d
```
#31283d rgb(49,40,61)
```
#33283d
```
#33283d rgb(51,40,61)
```
#35283d
```
#35283d rgb(53,40,61)
```
#36283d
```
#36283d rgb(54,40,61)
```

Similar Colors

Text with hexadecimal color #31283d

This text has a font color of #31283d.

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

#31283d background color

This paragraph has a background color of #31283d.

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

#31283d border color

This element has a border color of #31283d.

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

CSS codes

.text {color:#31283d;}

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

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b090e
```
#0b090e rgb(11,9,14)
```
#141119
```
#141119 rgb(20,17,25)
```
#1e1825
```
#1e1825 rgb(30,24,37)
```
#272031
```
#272031 rgb(39,32,49)
```
#31283d
```
#31283d rgb(49,40,61)
```
#3b3049
```
#3b3049 rgb(59,48,73)
```
#443855
```
#443855 rgb(68,56,85)
```
#4e3f61
```
#4e3f61 rgb(78,63,97)
```
#57476c
```
#57476c rgb(87,71,108)
```
#614f78
```
#614f78 rgb(97,79,120)
```
#6a5784
```
#6a5784 rgb(106,87,132)
```
#745e90
```
#745e90 rgb(116,94,144)
```

Shade Color Variation

#7d679b
```
#7d679b rgb(125,103,155)
```
#8773a3
```
#8773a3 rgb(135,115,163)
```
#917eab
```
#917eab rgb(145,126,171)
```
#9c8ab2
```
#9c8ab2 rgb(156,138,178)
```
#a696ba
```
#a696ba rgb(166,150,186)
```
#b0a2c2
```
#b0a2c2 rgb(176,162,194)
```
#baaeca
```
#baaeca rgb(186,174,202)
```
#c4bad2
```
#c4bad2 rgb(196,186,210)
```
#cec6d9
```
#cec6d9 rgb(206,198,217)
```
#d8d1e1
```
#d8d1e1 rgb(216,209,225)
```
#e2dde9
```
#e2dde9 rgb(226,221,233)
```
#ece9f1
```
#ece9f1 rgb(236,233,241)
```
#f6f5f8
```
#f6f5f8 rgb(246,245,248)
```

Tint Color Variation

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

#323035
```
#323035 rgb(50,48,53)
```
#322c39
```
#322c39 rgb(50,44,57)
```
#31283d
```
#31283d rgb(49,40,61)
```
#302441
```
#302441 rgb(48,36,65)
```
#302045
```
#302045 rgb(48,32,69)
```
#2f1c49
```
#2f1c49 rgb(47,28,73)
```
#2f184d
```
#2f184d rgb(47,24,77)
```
#2e1550
```
#2e1550 rgb(46,21,80)
```
#2e1154
```
#2e1154 rgb(46,17,84)
```
#2d0d58
```
#2d0d58 rgb(45,13,88)
```
#2d095c
```
#2d095c rgb(45,9,92)
```
#2c0560
```
#2c0560 rgb(44,5,96)
```
#2b0164
```
#2b0164 rgb(43,1,100)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2e2c30 Atypical Achromatopsia 0.001% of the population

Dichromacy

#303649 Protanopia 1% of men
#333646 Deuteranopia 1% of men
#393539 Tritanopia 0.001% of the population

Trichromacy

#303144 Protanomaly 1% of men, 0.01% of women
#323042 Deuteranomaly 6% of men, 0.4% of women
#36303a Tritanomaly 0.01% of the population

#31283d hex color

#31283d Color Information

#31283d Color Conversion

Color Schemes with #31283d

Alternatives to #31283d

#31283d Preview

Shades and Tints of #31283d

Tones of #31283d

Color Blindness Simulator