#302122 hex color

In a RGB color space, hex #302122 is composed of 18.8% red, 12.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.3% magenta, 29.2% yellow and 81.2% black. It has a hue angle of 356 degrees, a saturation of 18.5% and a lightness of 15.9%. #302122 color hex could be obtained by blending #604244 with #000000. Closest websafe color is: #333333.

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

● #302122 color description : Very dark (mostly black) red.

The hexadecimal color #302122 has RGB values of R:48, G:33, B:34 and CMYK values of C:0, M:0.31, Y:0.29, K:0.81. Its decimal value is 3154210.

Hex triplet	302122	`#302122`
RGB Decimal	48, 33, 34	`rgb(48,33,34)`
RGB Percent	18.8, 12.9, 13.3	`rgb(18.8%,12.9%,13.3%)`
CMYK	0, 31, 29, 81
HSL	356°, 18.5, 15.9	`hsl(356,18.5%,15.9%)`
HSV (or HSB)	356°, 31.3, 18.8
Web Safe	333333	`#333333`

CIE-LAB	14.578, 7.412, 2.164
XYZ	2.051, 1.832, 1.759
xyY	0.364, 0.325, 1.832
CIE-LCH	14.578, 7.722, 16.272
CIE-LUV	14.578, 7.191, 1.01
Hunter-Lab	13.534, 3.373, 1.769
Binary	00110000, 00100001, 00100010

#302122
```
#302122 rgb(48,33,34)
```
#21302f
```
#21302f rgb(33,48,47)
```

Complementary Color

#30212a
```
#30212a rgb(48,33,42)
```
#302122
```
#302122 rgb(48,33,34)
```
#302821
```
#302821 rgb(48,40,33)
```

Analogous Color

#212a30
```
#212a30 rgb(33,42,48)
```
#302122
```
#302122 rgb(48,33,34)
```
#213028
```
#213028 rgb(33,48,40)
```

Split Complementary Color

#212230
```
#212230 rgb(33,34,48)
```
#302122
```
#302122 rgb(48,33,34)
```
#223021
```
#223021 rgb(34,48,33)
```

Triadic Color

#2f2130
```
#2f2130 rgb(47,33,48)
```
#302122
```
#302122 rgb(48,33,34)
```
#223021
```
#223021 rgb(34,48,33)
```
#21302f
```
#21302f rgb(33,48,47)
```

Tetradic Color

#030202
```
#030202 rgb(3,2,2)
```
#120c0d
```
#120c0d rgb(18,12,13)
```
#211717
```
#211717 rgb(33,23,23)
```
#302122
```
#302122 rgb(48,33,34)
```
#3f2b2d
```
#3f2b2d rgb(63,43,45)
```
#4e3637
```
#4e3637 rgb(78,54,55)
```
#5d4042
```
#5d4042 rgb(93,64,66)
```

Monochromatic Color

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

#302126
```
#302126 rgb(48,33,38)
```
#302125
```
#302125 rgb(48,33,37)
```
#302123
```
#302123 rgb(48,33,35)
```
#302122
```
#302122 rgb(48,33,34)
```
#302121
```
#302121 rgb(48,33,33)
```
#302321
```
#302321 rgb(48,35,33)
```
#302421
```
#302421 rgb(48,36,33)
```

Similar Colors

Text with hexadecimal color #302122

This text has a font color of #302122.

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

#302122 background color

This paragraph has a background color of #302122.

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

#302122 border color

This element has a border color of #302122.

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

CSS codes

.text {color:#302122;}

.background {background-color:#302122;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#0d0909
```
#0d0909 rgb(13,9,9)
```
#191112
```
#191112 rgb(25,17,18)
```
#24191a
```
#24191a rgb(36,25,26)
```
#302122
```
#302122 rgb(48,33,34)
```
#3c292a
```
#3c292a rgb(60,41,42)
```
#473132
```
#473132 rgb(71,49,50)
```
#53393b
```
#53393b rgb(83,57,59)
```
#5e4143
```
#5e4143 rgb(94,65,67)
```
#6a494b
```
#6a494b rgb(106,73,75)
```
#765153
```
#765153 rgb(118,81,83)
```
#81595c
```
#81595c rgb(129,89,92)
```
#8d6164
```
#8d6164 rgb(141,97,100)
```

Shade Color Variation

#98696d
```
#98696d rgb(152,105,109)
```
#a07578
```
#a07578 rgb(160,117,120)
```
#a88183
```
#a88183 rgb(168,129,131)
```
#b08c8f
```
#b08c8f rgb(176,140,143)
```
#b8989a
```
#b8989a rgb(184,152,154)
```
#c0a4a5
```
#c0a4a5 rgb(192,164,165)
```
#c8afb1
```
#c8afb1 rgb(200,175,177)
```
#d0bbbc
```
#d0bbbc rgb(208,187,188)
```
#d8c6c8
```
#d8c6c8 rgb(216,198,200)
```
#e0d2d3
```
#e0d2d3 rgb(224,210,211)
```
#e8dede
```
#e8dede rgb(232,222,222)
```
#f0e9ea
```
#f0e9ea rgb(240,233,234)
```
#f8f5f5
```
#f8f5f5 rgb(248,245,245)
```

Tint Color Variation

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

#2a2727
```
#2a2727 rgb(42,39,39)
```
#2d2425
```
#2d2425 rgb(45,36,37)
```
#302122
```
#302122 rgb(48,33,34)
```
#331e1f
```
#331e1f rgb(51,30,31)
```
#361b1d
```
#361b1d rgb(54,27,29)
```
#39181a
```
#39181a rgb(57,24,26)
```
#3c1517
```
#3c1517 rgb(60,21,23)
```
#401115
```
#401115 rgb(64,17,21)
```
#430e12
```
#430e12 rgb(67,14,18)
```
#460b0f
```
#460b0f rgb(70,11,15)
```
#49080c
```
#49080c rgb(73,8,12)
```
#4c050a
```
#4c050a rgb(76,5,10)
```
#4f0207
```
#4f0207 rgb(79,2,7)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282525 Atypical Achromatopsia 0.001% of the population

Dichromacy

#312f2f Protanopia 1% of men
#352e2c Deuteranopia 1% of men
#3b2c2f Tritanopia 0.001% of the population

Trichromacy

#302a2a Protanomaly 1% of men, 0.01% of women
#332928 Deuteranomaly 6% of men, 0.4% of women
#37282a Tritanomaly 0.01% of the population

#302122 hex color

#302122 Color Information

#302122 Color Conversion

Color Schemes with #302122

Alternatives to #302122

#302122 Preview

Shades and Tints of #302122

Tones of #302122

Color Blindness Simulator