#302225 hex color

In a RGB color space, hex #302225 is composed of 18.8% red, 13.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.2% magenta, 22.9% yellow and 81.2% black. It has a hue angle of 347.1 degrees, a saturation of 17.1% and a lightness of 16.1%. #302225 color hex could be obtained by blending #60444a with #000000. Closest websafe color is: #333333.

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

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

The hexadecimal color #302225 has RGB values of R:48, G:34, B:37 and CMYK values of C:0, M:0.29, Y:0.23, K:0.81. Its decimal value is 3154469.

Hex triplet	302225	`#302225`
RGB Decimal	48, 34, 37	`rgb(48,34,37)`
RGB Percent	18.8, 13.3, 14.5	`rgb(18.8%,13.3%,14.5%)`
CMYK	0, 29, 23, 81
HSL	347.1°, 17.1, 16.1	`hsl(347.1,17.1%,16.1%)`
HSV (or HSB)	347.1°, 29.2, 18.8
Web Safe	333333	`#333333`

CIE-LAB	14.986, 7.291, 0.601
XYZ	2.125, 1.906, 2.006
xyY	0.352, 0.316, 1.906
CIE-LCH	14.986, 7.316, 4.712
CIE-LUV	14.986, 6.533, -0.262
Hunter-Lab	13.806, 3.312, 1.049
Binary	00110000, 00100010, 00100101

#302225
```
#302225 rgb(48,34,37)
```
#22302d
```
#22302d rgb(34,48,45)
```

Complementary Color

#30222c
```
#30222c rgb(48,34,44)
```
#302225
```
#302225 rgb(48,34,37)
```
#302622
```
#302622 rgb(48,38,34)
```

Analogous Color

#222c30
```
#222c30 rgb(34,44,48)
```
#302225
```
#302225 rgb(48,34,37)
```
#223026
```
#223026 rgb(34,48,38)
```

Split Complementary Color

#222530
```
#222530 rgb(34,37,48)
```
#302225
```
#302225 rgb(48,34,37)
```
#253022
```
#253022 rgb(37,48,34)
```

Triadic Color

#2d2230
```
#2d2230 rgb(45,34,48)
```
#302225
```
#302225 rgb(48,34,37)
```
#253022
```
#253022 rgb(37,48,34)
```
#22302d
```
#22302d rgb(34,48,45)
```

Tetradic Color

#030202
```
#030202 rgb(3,2,2)
```
#120d0e
```
#120d0e rgb(18,13,14)
```
#211719
```
#211719 rgb(33,23,25)
```
#302225
```
#302225 rgb(48,34,37)
```
#3f2d31
```
#3f2d31 rgb(63,45,49)
```
#4e373c
```
#4e373c rgb(78,55,60)
```
#5d4248
```
#5d4248 rgb(93,66,72)
```

Monochromatic Color

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

#302229
```
#302229 rgb(48,34,41)
```
#302227
```
#302227 rgb(48,34,39)
```
#302226
```
#302226 rgb(48,34,38)
```
#302225
```
#302225 rgb(48,34,37)
```
#302224
```
#302224 rgb(48,34,36)
```
#302223
```
#302223 rgb(48,34,35)
```
#302322
```
#302322 rgb(48,35,34)
```

Similar Colors

Text with hexadecimal color #302225

This text has a font color of #302225.

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

#302225 background color

This paragraph has a background color of #302225.

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

#302225 border color

This element has a border color of #302225.

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

CSS codes

.text {color:#302225;}

.background {background-color:#302225;}

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

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

#020102
```
#020102 rgb(2,1,2)
```
#0e0a0a
```
#0e0a0a rgb(14,10,10)
```
#191213
```
#191213 rgb(25,18,19)
```
#251a1c
```
#251a1c rgb(37,26,28)
```
#302225
```
#302225 rgb(48,34,37)
```
#3b2a2e
```
#3b2a2e rgb(59,42,46)
```
#473237
```
#473237 rgb(71,50,55)
```
#523a40
```
#523a40 rgb(82,58,64)
```
#5e4348
```
#5e4348 rgb(94,67,72)
```
#694b51
```
#694b51 rgb(105,75,81)
```
#75535a
```
#75535a rgb(117,83,90)
```
#805b63
```
#805b63 rgb(128,91,99)
```
#8c636c
```
#8c636c rgb(140,99,108)
```

Shade Color Variation

#976c75
```
#976c75 rgb(151,108,117)
```
#9f7780
```
#9f7780 rgb(159,119,128)
```
#a7838b
```
#a7838b rgb(167,131,139)
```
#af8e95
```
#af8e95 rgb(175,142,149)
```
#b79aa0
```
#b79aa0 rgb(183,154,160)
```
#bfa5ab
```
#bfa5ab rgb(191,165,171)
```
#c8b1b6
```
#c8b1b6 rgb(200,177,182)
```
#d0bcc0
```
#d0bcc0 rgb(208,188,192)
```
#d8c8cb
```
#d8c8cb rgb(216,200,203)
```
#e0d3d6
```
#e0d3d6 rgb(224,211,214)
```
#e8dfe1
```
#e8dfe1 rgb(232,223,225)
```
#f0eaeb
```
#f0eaeb rgb(240,234,235)
```
#f8f6f6
```
#f8f6f6 rgb(248,246,246)
```

Tint Color Variation

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

#2a2829
```
#2a2829 rgb(42,40,41)
```
#2d2527
```
#2d2527 rgb(45,37,39)
```
#302225
```
#302225 rgb(48,34,37)
```
#331f23
```
#331f23 rgb(51,31,35)
```
#361c21
```
#361c21 rgb(54,28,33)
```
#391920
```
#391920 rgb(57,25,32)
```
#3d151e
```
#3d151e rgb(61,21,30)
```
#40121c
```
#40121c rgb(64,18,28)
```
#430f1a
```
#430f1a rgb(67,15,26)
```
#460c18
```
#460c18 rgb(70,12,24)
```
#490917
```
#490917 rgb(73,9,23)
```
#4c0615
```
#4c0615 rgb(76,6,21)
```
#500213
```
#500213 rgb(80,2,19)
```

Tone Color Variation

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

#272727 Achromatopsia 0.005% of the population
#292627 Atypical Achromatopsia 0.001% of the population

Dichromacy

#313032 Protanopia 1% of men
#352f2f Deuteranopia 1% of men
#3a2d30 Tritanopia 0.001% of the population

Trichromacy

#302b2d Protanomaly 1% of men, 0.01% of women
#332a2b Deuteranomaly 6% of men, 0.4% of women
#36292c Tritanomaly 0.01% of the population

#302225 hex color

#302225 Color Information

#302225 Color Conversion

Color Schemes with #302225

Alternatives to #302225

#302225 Preview

Shades and Tints of #302225

Tones of #302225

Color Blindness Simulator