#31283c hex color

In a RGB color space, hex #31283c is composed of 19.2% red, 15.7% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 18.3% cyan, 33.3% magenta, 0% yellow and 76.5% black. It has a hue angle of 267 degrees, a saturation of 20% and a lightness of 19.6%. #31283c color hex could be obtained by blending #625078 with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #31283c has RGB values of R:49, G:40, B:60 and CMYK values of C:0.18, M:0.33, Y:0, K:0.76. Its decimal value is 3221564.

Hex triplet	31283c	`#31283c`
RGB Decimal	49, 40, 60	`rgb(49,40,60)`
RGB Percent	19.2, 15.7, 23.5	`rgb(19.2%,15.7%,23.5%)`
CMYK	18, 33, 0, 76
HSL	267°, 20, 19.6	`hsl(267,20%,19.6%)`
HSV (or HSB)	267°, 33.3, 23.5
Web Safe	333333	`#333333`

CIE-LAB	17.904, 9.032, -11.236
XYZ	2.841, 2.497, 4.607
xyY	0.286, 0.251, 2.497
CIE-LCH	17.904, 14.416, 308.792
CIE-LUV	17.904, 2.829, -12.354
Hunter-Lab	15.801, 4.44, -6.226
Binary	00110001, 00101000, 00111100

#31283c
```
#31283c rgb(49,40,60)
```
#333c28
```
#333c28 rgb(51,60,40)
```

Complementary Color

#28293c
```
#28293c rgb(40,41,60)
```
#31283c
```
#31283c rgb(49,40,60)
```
#3b283c
```
#3b283c rgb(59,40,60)
```

Analogous Color

#293c28
```
#293c28 rgb(41,60,40)
```
#31283c
```
#31283c rgb(49,40,60)
```
#3c3b28
```
#3c3b28 rgb(60,59,40)
```

Split Complementary Color

#283c31
```
#283c31 rgb(40,60,49)
```
#31283c
```
#31283c rgb(49,40,60)
```
#3c3128
```
#3c3128 rgb(60,49,40)
```

Triadic Color

#28333c
```
#28333c rgb(40,51,60)
```
#31283c
```
#31283c rgb(49,40,60)
```
#3c3128
```
#3c3128 rgb(60,49,40)
```
#333c28
```
#333c28 rgb(51,60,40)
```

Tetradic Color

#0c090e
```
#0c090e rgb(12,9,14)
```
#18141d
```
#18141d rgb(24,20,29)
```
#251e2d
```
#251e2d rgb(37,30,45)
```
#31283c
```
#31283c rgb(49,40,60)
```
#3d324b
```
#3d324b rgb(61,50,75)
```
#4a3c5b
```
#4a3c5b rgb(74,60,91)
```
#56476a
```
#56476a rgb(86,71,106)
```

Monochromatic Color

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

#2c283c
```
#2c283c rgb(44,40,60)
```
#2e283c
```
#2e283c rgb(46,40,60)
```
#2f283c
```
#2f283c rgb(47,40,60)
```
#31283c
```
#31283c rgb(49,40,60)
```
#33283c
```
#33283c rgb(51,40,60)
```
#34283c
```
#34283c rgb(52,40,60)
```
#36283c
```
#36283c rgb(54,40,60)
```

Similar Colors

Text with hexadecimal color #31283c

This text has a font color of #31283c.

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

#31283c background color

This paragraph has a background color of #31283c.

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

#31283c border color

This element has a border color of #31283c.

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

CSS codes

.text {color:#31283c;}

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

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0b090d
```
#0b090d rgb(11,9,13)
```
#141019
```
#141019 rgb(20,16,25)
```
#1e1824
```
#1e1824 rgb(30,24,36)
```
#272030
```
#272030 rgb(39,32,48)
```
#31283c
```
#31283c rgb(49,40,60)
```
#3b3048
```
#3b3048 rgb(59,48,72)
```
#443854
```
#443854 rgb(68,56,84)
```
#4e405f
```
#4e405f rgb(78,64,95)
```
#57476b
```
#57476b rgb(87,71,107)
```
#614f77
```
#614f77 rgb(97,79,119)
```
#6b5783
```
#6b5783 rgb(107,87,131)
```
#745f8e
```
#745f8e rgb(116,95,142)
```

Shade Color Variation

#7e679a
```
#7e679a rgb(126,103,154)
```
#8873a2
```
#8873a2 rgb(136,115,162)
```
#927fa9
```
#927fa9 rgb(146,127,169)
```
#9c8ab1
```
#9c8ab1 rgb(156,138,177)
```
#a696b9
```
#a696b9 rgb(166,150,185)
```
#b0a2c1
```
#b0a2c1 rgb(176,162,193)
```
#baaec9
```
#baaec9 rgb(186,174,201)
```
#c4bad1
```
#c4bad1 rgb(196,186,209)
```
#cec5d9
```
#cec5d9 rgb(206,197,217)
```
#d8d1e0
```
#d8d1e0 rgb(216,209,224)
```
#e2dde8
```
#e2dde8 rgb(226,221,232)
```
#ece9f0
```
#ece9f0 rgb(236,233,240)
```
#f6f4f8
```
#f6f4f8 rgb(246,244,248)
```

Tint Color Variation

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

#323034
```
#323034 rgb(50,48,52)
```
#312c38
```
#312c38 rgb(49,44,56)
```
#31283c
```
#31283c rgb(49,40,60)
```
#312440
```
#312440 rgb(49,36,64)
```
#302044
```
#302044 rgb(48,32,68)
```
#301c48
```
#301c48 rgb(48,28,72)
```
#2f194b
```
#2f194b rgb(47,25,75)
```
#2f154f
```
#2f154f rgb(47,21,79)
```
#2f1153
```
#2f1153 rgb(47,17,83)
```
#2e0d57
```
#2e0d57 rgb(46,13,87)
```
#2e095b
```
#2e095b rgb(46,9,91)
```
#2e055f
```
#2e055f rgb(46,5,95)
```
#2d0262
```
#2d0262 rgb(45,2,98)
```

Tone Color Variation

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

#313648 Protanopia 1% of men
#333545 Deuteranopia 1% of men
#393539 Tritanopia 0.001% of the population

Trichromacy

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

#31283c hex color

#31283c Color Information

#31283c Color Conversion

Color Schemes with #31283c

Alternatives to #31283c

#31283c Preview

Shades and Tints of #31283c

Tones of #31283c

Color Blindness Simulator