#331828 hex color

In a RGB color space, hex #331828 is composed of 20% red, 9.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 21.6% yellow and 80% black. It has a hue angle of 324.4 degrees, a saturation of 36% and a lightness of 14.7%. #331828 color hex could be obtained by blending #663050 with #000000. Closest websafe color is: #330033.

♥
- f
- t
- g
- R 20
- G 9
- B 16
RGB color chart
- C 0
- M 53
- Y 22
- K 80
CMYK color chart

● #331828 color description : Very dark desaturated pink.

The hexadecimal color #331828 has RGB values of R:51, G:24, B:40 and CMYK values of C:0, M:0.53, Y:0.22, K:0.8. Its decimal value is 3348520.

Hex triplet	331828	`#331828`
RGB Decimal	51, 24, 40	`rgb(51,24,40)`
RGB Percent	20, 9.4, 15.7	`rgb(20%,9.4%,15.7%)`
CMYK	0, 53, 22, 80
HSL	324.4°, 36, 14.7	`hsl(324.4,36%,14.7%)`
HSV (or HSB)	324.4°, 52.9, 20
Web Safe	330033	`#330033`

CIE-LAB	12.674, 16.145, -4.95
XYZ	2.075, 1.51, 2.19
xyY	0.359, 0.262, 1.51
CIE-LCH	12.674, 16.887, 342.956
CIE-LUV	12.674, 11.092, -5.607
Hunter-Lab	12.29, 8.629, -1.961
Binary	00110011, 00011000, 00101000

#331828
```
#331828 rgb(51,24,40)
```
#183323
```
#183323 rgb(24,51,35)
```

Complementary Color

#311833
```
#311833 rgb(49,24,51)
```
#331828
```
#331828 rgb(51,24,40)
```
#33181b
```
#33181b rgb(51,24,27)
```

Analogous Color

#183331
```
#183331 rgb(24,51,49)
```
#331828
```
#331828 rgb(51,24,40)
```
#1b3318
```
#1b3318 rgb(27,51,24)
```

Split Complementary Color

#182833
```
#182833 rgb(24,40,51)
```
#331828
```
#331828 rgb(51,24,40)
```
#283318
```
#283318 rgb(40,51,24)
```

Triadic Color

#231833
```
#231833 rgb(35,24,51)
```
#331828
```
#331828 rgb(51,24,40)
```
#283318
```
#283318 rgb(40,51,24)
```
#183323
```
#183323 rgb(24,51,35)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#10080d
```
#10080d rgb(16,8,13)
```
#22101a
```
#22101a rgb(34,16,26)
```
#331828
```
#331828 rgb(51,24,40)
```
#442036
```
#442036 rgb(68,32,54)
```
#562843
```
#562843 rgb(86,40,67)
```
#673051
```
#673051 rgb(103,48,81)
```

Monochromatic Color

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

#33182f
```
#33182f rgb(51,24,47)
```
#33182d
```
#33182d rgb(51,24,45)
```
#33182a
```
#33182a rgb(51,24,42)
```
#331828
```
#331828 rgb(51,24,40)
```
#331826
```
#331826 rgb(51,24,38)
```
#331824
```
#331824 rgb(51,24,36)
```
#331821
```
#331821 rgb(51,24,33)
```

Similar Colors

Text with hexadecimal color #331828

This text has a font color of #331828.

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

#331828 background color

This paragraph has a background color of #331828.

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

#331828 border color

This element has a border color of #331828.

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

CSS codes

.text {color:#331828;}

.background {background-color:#331828;}

.border {border:1px solid #331828;}

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, #0b0509 is the darkest color, while #fefdfd is the lightest one.

#0b0509
```
#0b0509 rgb(11,5,9)
```
#180b13
```
#180b13 rgb(24,11,19)
```
#26121e
```
#26121e rgb(38,18,30)
```
#331828
```
#331828 rgb(51,24,40)
```
#401e32
```
#401e32 rgb(64,30,50)
```
#4e253d
```
#4e253d rgb(78,37,61)
```
#5b2b47
```
#5b2b47 rgb(91,43,71)
```
#683152
```
#683152 rgb(104,49,82)
```
#76375c
```
#76375c rgb(118,55,92)
```
#833e67
```
#833e67 rgb(131,62,103)
```
#904471
```
#904471 rgb(144,68,113)
```
#9e4a7c
```
#9e4a7c rgb(158,74,124)
```
#ab5086
```
#ab5086 rgb(171,80,134)
```

Shade Color Variation

#b35d90
```
#b35d90 rgb(179,93,144)
```
#b96a99
```
#b96a99 rgb(185,106,153)
```
#bf77a2
```
#bf77a2 rgb(191,119,162)
```
#c585ab
```
#c585ab rgb(197,133,171)
```
#cc92b4
```
#cc92b4 rgb(204,146,180)
```
#d29fbd
```
#d29fbd rgb(210,159,189)
```
#d8adc6
```
#d8adc6 rgb(216,173,198)
```
#dfbad0
```
#dfbad0 rgb(223,186,208)
```
#e5c7d9
```
#e5c7d9 rgb(229,199,217)
```
#ebd5e2
```
#ebd5e2 rgb(235,213,226)
```
#f1e2eb
```
#f1e2eb rgb(241,226,235)
```
#f8eff4
```
#f8eff4 rgb(248,239,244)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#272426
```
#272426 rgb(39,36,38)
```
#2a2126
```
#2a2126 rgb(42,33,38)
```
#2d1e27
```
#2d1e27 rgb(45,30,39)
```
#301b27
```
#301b27 rgb(48,27,39)
```
#331828
```
#331828 rgb(51,24,40)
```
#361529
```
#361529 rgb(54,21,41)
```
#391229
```
#391229 rgb(57,18,41)
```
#3c0f2a
```
#3c0f2a rgb(60,15,42)
```
#3f0c2a
```
#3f0c2a rgb(63,12,42)
```
#410a2b
```
#410a2b rgb(65,10,43)
```
#44072b
```
#44072b rgb(68,7,43)
```
#47042c
```
#47042c rgb(71,4,44)
```
#4a012c
```
#4a012c rgb(74,1,44)
```

Tone Color Variation

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

#222222 Achromatopsia 0.005% of the population
#252023 Atypical Achromatopsia 0.001% of the population

Dichromacy

#292b38 Protanopia 1% of men
#2e2b31 Deuteranopia 1% of men
#3c2628 Tritanopia 0.001% of the population

Trichromacy

#2c2432 Protanomaly 1% of men, 0.01% of women
#2f242d Deuteranomaly 6% of men, 0.4% of women
#382128 Tritanomaly 0.01% of the population

#331828 hex color

#331828 Color Information

#331828 Color Conversion

Color Schemes with #331828

Alternatives to #331828

#331828 Preview

Shades and Tints of #331828

Tones of #331828

Color Blindness Simulator