colorhexa.com

#301a22 hex color

In a RGB color space, hex #301a22 is composed of 18.8% red, 10.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.8% magenta, 29.2% yellow and 81.2% black. It has a hue angle of 338.2 degrees, a saturation of 29.7% and a lightness of 14.5%. #301a22 color hex could be obtained by blending #603444 with #000000. Closest websafe color is: #333333.

- R 19
- G 10
- B 13
RGB color chart
- C 0
- M 46
- Y 29
- K 81
CMYK color chart

● #301a22 color description : Very dark (mostly black) pink.

The hexadecimal color #301a22 has RGB values of R:48, G:26, B:34 and CMYK values of C:0, M:0.46, Y:0.29, K:0.81. Its decimal value is 3152418.

Hex triplet	301a22	`#301a22`
RGB Decimal	48, 26, 34	`rgb(48,26,34)`
RGB Percent	18.8, 10.2, 13.3	`rgb(18.8%,10.2%,13.3%)`
CMYK	0, 46, 29, 81
HSL	338.2°, 29.7, 14.5	`hsl(338.2,29.7%,14.5%)`
HSV (or HSB)	338.2°, 45.8, 18.8
Web Safe	333333	`#333333`

CIE-LAB	12.498, 12.313, -0.859
XYZ	1.877, 1.483, 1.701
xyY	0.371, 0.293, 1.483
CIE-LCH	12.498, 12.343, 356.01
CIE-LUV	12.498, 9.604, -1.891
Hunter-Lab	12.177, 6.206, 0.243
Binary	00110000, 00011010, 00100010

#301a22
```
#301a22 rgb(48,26,34)
```
#1a3028
```
#1a3028 rgb(26,48,40)
```

Complementary Color

#301a2d
```
#301a2d rgb(48,26,45)
```
#301a22
```
#301a22 rgb(48,26,34)
```
#301d1a
```
#301d1a rgb(48,29,26)
```

Analogous Color

#1a2d30
```
#1a2d30 rgb(26,45,48)
```
#301a22
```
#301a22 rgb(48,26,34)
```
#1a301d
```
#1a301d rgb(26,48,29)
```

Split Complementary Color

#000000
```
#000000 rgb(0,0,0)
```
#0f080b
```
#0f080b rgb(15,8,11)
```
#1f1116
```
#1f1116 rgb(31,17,22)
```
#301a22
```
#301a22 rgb(48,26,34)
```
#41232e
```
#41232e rgb(65,35,46)
```
#512c39
```
#512c39 rgb(81,44,57)
```
#623545
```
#623545 rgb(98,53,69)
```

Monochromatic Color

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

#301a28
```
#301a28 rgb(48,26,40)
```
#301a26
```
#301a26 rgb(48,26,38)
```
#301a24
```
#301a24 rgb(48,26,36)
```
#301a22
```
#301a22 rgb(48,26,34)
```
#301a20
```
#301a20 rgb(48,26,32)
```
#301a1e
```
#301a1e rgb(48,26,30)
```
#301a1d
```
#301a1d rgb(48,26,29)
```

Similar Colors

Text with hexadecimal color #301a22

This text has a font color of #301a22.

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

#301a22 background color

This paragraph has a background color of #301a22.

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

#301a22 border color

This element has a border color of #301a22.

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

CSS codes

.text {color:#301a22;}

.background {background-color:#301a22;}

.border {border:1px solid #301a22;}

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

#0a0507
```
#0a0507 rgb(10,5,7)
```
#170c10
```
#170c10 rgb(23,12,16)
```
#231319
```
#231319 rgb(35,19,25)
```
#301a22
```
#301a22 rgb(48,26,34)
```
#3d212b
```
#3d212b rgb(61,33,43)
```
#492834
```
#492834 rgb(73,40,52)
```
#562f3d
```
#562f3d rgb(86,47,61)
```
#633646
```
#633646 rgb(99,54,70)
```
#703c4f
```
#703c4f rgb(112,60,79)
```
#7c4358
```
#7c4358 rgb(124,67,88)
```
#894a61
```
#894a61 rgb(137,74,97)
```
#96516a
```
#96516a rgb(150,81,106)
```
#a35873
```
#a35873 rgb(163,88,115)
```

Shade Color Variation

#ab637d
```
#ab637d rgb(171,99,125)
```
#b27088
```
#b27088 rgb(178,112,136)
```
#b97d93
```
#b97d93 rgb(185,125,147)
```
#bf8a9d
```
#bf8a9d rgb(191,138,157)
```
#c696a8
```
#c696a8 rgb(198,150,168)
```
#cda3b2
```
#cda3b2 rgb(205,163,178)
```
#d4b0bd
```
#d4b0bd rgb(212,176,189)
```
#dbbcc8
```
#dbbcc8 rgb(219,188,200)
```
#e2c9d2
```
#e2c9d2 rgb(226,201,210)
```
#e9d6dd
```
#e9d6dd rgb(233,214,221)
```
#f0e3e7
```
#f0e3e7 rgb(240,227,231)
```
#f7eff2
```
#f7eff2 rgb(247,239,242)
```
#fdfcfd
```
#fdfcfd rgb(253,252,253)
```

Tint Color Variation

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

#272324
```
#272324 rgb(39,35,36)
```
#2a2024
```
#2a2024 rgb(42,32,36)
```
#2d1d23
```
#2d1d23 rgb(45,29,35)
```
#301a22
```
#301a22 rgb(48,26,34)
```
#331721
```
#331721 rgb(51,23,33)
```
#361420
```
#361420 rgb(54,20,32)
```
#391120
```
#391120 rgb(57,17,32)
```
#3b0f1f
```
#3b0f1f rgb(59,15,31)
```
#3e0c1e
```
#3e0c1e rgb(62,12,30)
```
#41091d
```
#41091d rgb(65,9,29)
```
#44061d
```
#44061d rgb(68,6,29)
```
#47031c
```
#47031c rgb(71,3,28)
```
#4a001b
```
#4a001b rgb(74,0,27)
```

Tone Color Variation

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

#212121 Achromatopsia 0.005% of the population
#242021 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2b2b30 Protanopia 1% of men
#302a2c Deuteranopia 1% of men
#3a2629 Tritanopia 0.001% of the population

Trichromacy

#2d252b Protanomaly 1% of men, 0.01% of women
#302428 Deuteranomaly 6% of men, 0.4% of women
#362226 Tritanomaly 0.01% of the population