#302f21 hex color

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

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

● #302f21 color description : Very dark (mostly black) yellow [Olive tone].

The hexadecimal color #302f21 has RGB values of R:48, G:47, B:33 and CMYK values of C:0, M:0.02, Y:0.31, K:0.81. Its decimal value is 3157793.

Hex triplet	302f21	`#302f21`
RGB Decimal	48, 47, 33	`rgb(48,47,33)`
RGB Percent	18.8, 18.4, 12.9	`rgb(18.8%,18.4%,12.9%)`
CMYK	0, 2, 31, 81
HSL	56°, 18.5, 15.9	`hsl(56,18.5%,15.9%)`
HSV (or HSB)	56°, 31.3, 18.8
Web Safe	333333	`#333333`

CIE-LAB	19.103, -2.414, 9.186
XYZ	2.51, 2.771, 1.841
xyY	0.352, 0.389, 2.771
CIE-LCH	19.103, 9.498, 104.724
CIE-LUV	19.103, 1.133, 8.563
Hunter-Lab	16.647, -2.219, 5.094
Binary	00110000, 00101111, 00100001

#302f21
```
#302f21 rgb(48,47,33)
```
#212230
```
#212230 rgb(33,34,48)
```

Complementary Color

#302821
```
#302821 rgb(48,40,33)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#2a3021
```
#2a3021 rgb(42,48,33)
```

Analogous Color

#282130
```
#282130 rgb(40,33,48)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#212a30
```
#212a30 rgb(33,42,48)
```

Split Complementary Color

#2f2130
```
#2f2130 rgb(47,33,48)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#21302f
```
#21302f rgb(33,48,47)
```

Triadic Color

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

Tetradic Color

#030302
```
#030302 rgb(3,3,2)
```
#12110c
```
#12110c rgb(18,17,12)
```
#212017
```
#212017 rgb(33,32,23)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#3f3e2b
```
#3f3e2b rgb(63,62,43)
```
#4e4d36
```
#4e4d36 rgb(78,77,54)
```
#5d5b40
```
#5d5b40 rgb(93,91,64)
```

Monochromatic Color

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

#302b21
```
#302b21 rgb(48,43,33)
```
#302d21
```
#302d21 rgb(48,45,33)
```
#302e21
```
#302e21 rgb(48,46,33)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#303021
```
#303021 rgb(48,48,33)
```
#2f3021
```
#2f3021 rgb(47,48,33)
```
#2d3021
```
#2d3021 rgb(45,48,33)
```

Similar Colors

Text with hexadecimal color #302f21

This text has a font color of #302f21.

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

#302f21 background color

This paragraph has a background color of #302f21.

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

#302f21 border color

This element has a border color of #302f21.

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

CSS codes

.text {color:#302f21;}

.background {background-color:#302f21;}

.border {border:1px solid #302f21;}

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 #f8f8f5 is the lightest one.

#020101
```
#020101 rgb(2,1,1)
```
#0d0d09
```
#0d0d09 rgb(13,13,9)
```
#191811
```
#191811 rgb(25,24,17)
```
#242419
```
#242419 rgb(36,36,25)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#3c3a29
```
#3c3a29 rgb(60,58,41)
```
#474631
```
#474631 rgb(71,70,49)
```
#535139
```
#535139 rgb(83,81,57)
```
#5e5d41
```
#5e5d41 rgb(94,93,65)
```
#6a6849
```
#6a6849 rgb(106,104,73)
```
#767351
```
#767351 rgb(118,115,81)
```
#817f59
```
#817f59 rgb(129,127,89)
```
#8d8a61
```
#8d8a61 rgb(141,138,97)
```

Shade Color Variation

#989569
```
#989569 rgb(152,149,105)
```
#a09d75
```
#a09d75 rgb(160,157,117)
```
#a8a581
```
#a8a581 rgb(168,165,129)
```
#b0ae8c
```
#b0ae8c rgb(176,174,140)
```
#b8b698
```
#b8b698 rgb(184,182,152)
```
#c0bea4
```
#c0bea4 rgb(192,190,164)
```
#c8c6af
```
#c8c6af rgb(200,198,175)
```
#d0cfbb
```
#d0cfbb rgb(208,207,187)
```
#d8d7c6
```
#d8d7c6 rgb(216,215,198)
```
#e0dfd2
```
#e0dfd2 rgb(224,223,210)
```
#e8e7de
```
#e8e7de rgb(232,231,222)
```
#f0f0e9
```
#f0f0e9 rgb(240,240,233)
```
#f8f8f5
```
#f8f8f5 rgb(248,248,245)
```

Tint Color Variation

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

#2a2a27
```
#2a2a27 rgb(42,42,39)
```
#2d2c24
```
#2d2c24 rgb(45,44,36)
```
#302f21
```
#302f21 rgb(48,47,33)
```
#33321e
```
#33321e rgb(51,50,30)
```
#36341b
```
#36341b rgb(54,52,27)
```
#393718
```
#393718 rgb(57,55,24)
```
#3c3a15
```
#3c3a15 rgb(60,58,21)
```
#403d11
```
#403d11 rgb(64,61,17)
```
#433f0e
```
#433f0e rgb(67,63,14)
```
#46420b
```
#46420b rgb(70,66,11)
```
#494508
```
#494508 rgb(73,69,8)
```
#4c4705
```
#4c4705 rgb(76,71,5)
```
#4f4a02
```
#4f4a02 rgb(79,74,2)
```

Tone Color Variation

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

#2e2e2e Achromatopsia 0.005% of the population
#2e2e2b Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d392c Protanopia 1% of men
#42372d Deuteranopia 1% of men
#3c373b Tritanopia 0.001% of the population

Trichromacy

#383528 Protanomaly 1% of men, 0.01% of women
#3b3428 Deuteranomaly 6% of men, 0.4% of women
#383432 Tritanomaly 0.01% of the population

#302f21 hex color

#302f21 Color Information

#302f21 Color Conversion

Color Schemes with #302f21

Alternatives to #302f21

#302f21 Preview

Shades and Tints of #302f21

Tones of #302f21

Color Blindness Simulator