#302231 hex color

In a RGB color space, hex #302231 is composed of 18.8% red, 13.3% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 30.6% magenta, 0% yellow and 80.8% black. It has a hue angle of 296 degrees, a saturation of 18.1% and a lightness of 16.3%. #302231 color hex could be obtained by blending #604462 with #000000. Closest websafe color is: #333333.

♥
- f
- t
- g
- R 19
- G 13
- B 19
RGB color chart
- C 2
- M 31
- Y 0
- K 81
CMYK color chart

● #302231 color description : Very dark (mostly black) magenta.

The hexadecimal color #302231 has RGB values of R:48, G:34, B:49 and CMYK values of C:0.02, M:0.31, Y:0, K:0.81. Its decimal value is 3154481.

Hex triplet	302231	`#302231`
RGB Decimal	48, 34, 49	`rgb(48,34,49)`
RGB Percent	18.8, 13.3, 19.2	`rgb(18.8%,13.3%,19.2%)`
CMYK	2, 31, 0, 81
HSL	296°, 18.1, 16.3	`hsl(296,18.1%,16.3%)`
HSV (or HSB)	296°, 30.6, 19.2
Web Safe	333333	`#333333`

CIE-LAB	15.457, 9.974, -7.271
XYZ	2.345, 1.994, 3.167
xyY	0.312, 0.266, 1.994
CIE-LCH	15.457, 12.342, 323.908
CIE-LUV	15.457, 5.386, -7.744
Hunter-Lab	14.122, 4.931, -3.411
Binary	00110000, 00100010, 00110001

#302231
```
#302231 rgb(48,34,49)
```
#233122
```
#233122 rgb(35,49,34)
```

Complementary Color

#292231
```
#292231 rgb(41,34,49)
```
#302231
```
#302231 rgb(48,34,49)
```
#31222b
```
#31222b rgb(49,34,43)
```

Analogous Color

#223129
```
#223129 rgb(34,49,41)
```
#302231
```
#302231 rgb(48,34,49)
```
#2b3122
```
#2b3122 rgb(43,49,34)
```

Split Complementary Color

#223130
```
#223130 rgb(34,49,48)
```
#302231
```
#302231 rgb(48,34,49)
```
#313022
```
#313022 rgb(49,48,34)
```

Triadic Color

#222331
```
#222331 rgb(34,35,49)
```
#302231
```
#302231 rgb(48,34,49)
```
#313022
```
#313022 rgb(49,48,34)
```
#233122
```
#233122 rgb(35,49,34)
```

Tetradic Color

#040304
```
#040304 rgb(4,3,4)
```
#130d13
```
#130d13 rgb(19,13,19)
```
#211822
```
#211822 rgb(33,24,34)
```
#302231
```
#302231 rgb(48,34,49)
```
#3f2c40
```
#3f2c40 rgb(63,44,64)
```
#4d374f
```
#4d374f rgb(77,55,79)
```
#5c415e
```
#5c415e rgb(92,65,94)
```

Monochromatic Color

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

#2c2231
```
#2c2231 rgb(44,34,49)
```
#2e2231
```
#2e2231 rgb(46,34,49)
```
#2f2231
```
#2f2231 rgb(47,34,49)
```
#302231
```
#302231 rgb(48,34,49)
```
#312231
```
#312231 rgb(49,34,49)
```
#312230
```
#312230 rgb(49,34,48)
```
#31222e
```
#31222e rgb(49,34,46)
```

Similar Colors

Text with hexadecimal color #302231

This text has a font color of #302231.

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

#302231 background color

This paragraph has a background color of #302231.

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

#302231 border color

This element has a border color of #302231.

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

CSS codes

.text {color:#302231;}

.background {background-color:#302231;}

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0e0a0e
```
#0e0a0e rgb(14,10,14)
```
#19121a
```
#19121a rgb(25,18,26)
```
#251a25
```
#251a25 rgb(37,26,37)
```
#302231
```
#302231 rgb(48,34,49)
```
#3b2a3d
```
#3b2a3d rgb(59,42,61)
```
#473248
```
#473248 rgb(71,50,72)
```
#523a54
```
#523a54 rgb(82,58,84)
```
#5d425f
```
#5d425f rgb(93,66,95)
```
#694a6b
```
#694a6b rgb(105,74,107)
```
#745276
```
#745276 rgb(116,82,118)
```
#7f5a82
```
#7f5a82 rgb(127,90,130)
```
#8b628e
```
#8b628e rgb(139,98,142)
```

Shade Color Variation

#956b98
```
#956b98 rgb(149,107,152)
```
#9e77a0
```
#9e77a0 rgb(158,119,160)
```
#a682a8
```
#a682a8 rgb(166,130,168)
```
#ae8eb1
```
#ae8eb1 rgb(174,142,177)
```
#b699b9
```
#b699b9 rgb(182,153,185)
```
#bfa5c1
```
#bfa5c1 rgb(191,165,193)
```
#c7b1c9
```
#c7b1c9 rgb(199,177,201)
```
#cfbcd1
```
#cfbcd1 rgb(207,188,209)
```
#d8c8d9
```
#d8c8d9 rgb(216,200,217)
```
#e0d3e1
```
#e0d3e1 rgb(224,211,225)
```
#e8dfe9
```
#e8dfe9 rgb(232,223,233)
```
#f0ebf1
```
#f0ebf1 rgb(240,235,241)
```
#f9f6f9
```
#f9f6f9 rgb(249,246,249)
```

Tint Color Variation

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

#2a282b
```
#2a282b rgb(42,40,43)
```
#2d252e
```
#2d252e rgb(45,37,46)
```
#302231
```
#302231 rgb(48,34,49)
```
#331f34
```
#331f34 rgb(51,31,52)
```
#361c37
```
#361c37 rgb(54,28,55)
```
#38183b
```
#38183b rgb(56,24,59)
```
#3b153e
```
#3b153e rgb(59,21,62)
```
#3e1241
```
#3e1241 rgb(62,18,65)
```
#410f44
```
#410f44 rgb(65,15,68)
```
#430c47
```
#430c47 rgb(67,12,71)
```
#46084b
```
#46084b rgb(70,8,75)
```
#49054e
```
#49054e rgb(73,5,78)
```
#4c0251
```
#4c0251 rgb(76,2,81)
```

Tone Color Variation

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

#282828 Achromatopsia 0.005% of the population
#2a272a Atypical Achromatopsia 0.001% of the population

Dichromacy

#2e313e Protanopia 1% of men
#31303a Deuteranopia 1% of men
#392f32 Tritanopia 0.001% of the population

Trichromacy

#2f2b39 Protanomaly 1% of men, 0.01% of women
#312b37 Deuteranomaly 6% of men, 0.4% of women
#352a32 Tritanomaly 0.01% of the population

#302231 hex color

#302231 Color Information

#302231 Color Conversion

Color Schemes with #302231

Alternatives to #302231

#302231 Preview

Shades and Tints of #302231

Tones of #302231

Color Blindness Simulator