#2f3022 hex color

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

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

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

The hexadecimal color #2f3022 has RGB values of R:47, G:48, B:34 and CMYK values of C:0.02, M:0, Y:0.29, K:0.81. Its decimal value is 3092514.

Hex triplet	2f3022	`#2f3022`
RGB Decimal	47, 48, 34	`rgb(47,48,34)`
RGB Percent	18.4, 18.8, 13.3	`rgb(18.4%,18.8%,13.3%)`
CMYK	2, 0, 29, 81
HSL	64.3°, 17.1, 16.1	`hsl(64.3,17.1%,16.1%)`
HSV (or HSB)	64.3°, 29.2, 18.8
Web Safe	333333	`#333333`

CIE-LAB	19.365, -3.385, 8.849
XYZ	2.518, 2.834, 1.928
xyY	0.346, 0.389, 2.834
CIE-LCH	19.365, 9.475, 110.932
CIE-LUV	19.365, 0.099, 8.468
Hunter-Lab	16.834, -2.76, 4.994
Binary	00101111, 00110000, 00100010

#2f3022
```
#2f3022 rgb(47,48,34)
```
#232230
```
#232230 rgb(35,34,48)
```

Complementary Color

#302a22
```
#302a22 rgb(48,42,34)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#283022
```
#283022 rgb(40,48,34)
```

Analogous Color

#2a2230
```
#2a2230 rgb(42,34,48)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#222830
```
#222830 rgb(34,40,48)
```

Split Complementary Color

#30222f
```
#30222f rgb(48,34,47)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#222f30
```
#222f30 rgb(34,47,48)
```

Triadic Color

#302322
```
#302322 rgb(48,35,34)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#222f30
```
#222f30 rgb(34,47,48)
```
#232230
```
#232230 rgb(35,34,48)
```

Tetradic Color

#030302
```
#030302 rgb(3,3,2)
```
#12120d
```
#12120d rgb(18,18,13)
```
#202117
```
#202117 rgb(32,33,23)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#3e3f2d
```
#3e3f2d rgb(62,63,45)
```
#4c4e37
```
#4c4e37 rgb(76,78,55)
```
#5b5d42
```
#5b5d42 rgb(91,93,66)
```

Monochromatic Color

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

#302e22
```
#302e22 rgb(48,46,34)
```
#302f22
```
#302f22 rgb(48,47,34)
```
#303022
```
#303022 rgb(48,48,34)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#2e3022
```
#2e3022 rgb(46,48,34)
```
#2d3022
```
#2d3022 rgb(45,48,34)
```
#2c3022
```
#2c3022 rgb(44,48,34)
```

Similar Colors

Text with hexadecimal color #2f3022

This text has a font color of #2f3022.

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

#2f3022 background color

This paragraph has a background color of #2f3022.

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

#2f3022 border color

This element has a border color of #2f3022.

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

CSS codes

.text {color:#2f3022;}

.background {background-color:#2f3022;}

.border {border:1px solid #2f3022;}

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

#020201
```
#020201 rgb(2,2,1)
```
#0d0e0a
```
#0d0e0a rgb(13,14,10)
```
#191912
```
#191912 rgb(25,25,18)
```
#24251a
```
#24251a rgb(36,37,26)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#3a3b2a
```
#3a3b2a rgb(58,59,42)
```
#454732
```
#454732 rgb(69,71,50)
```
#51523a
```
#51523a rgb(81,82,58)
```
#5c5e43
```
#5c5e43 rgb(92,94,67)
```
#67694b
```
#67694b rgb(103,105,75)
```
#727553
```
#727553 rgb(114,117,83)
```
#7e805b
```
#7e805b rgb(126,128,91)
```
#898c63
```
#898c63 rgb(137,140,99)
```

Shade Color Variation

#94976c
```
#94976c rgb(148,151,108)
```
#9c9f77
```
#9c9f77 rgb(156,159,119)
```
#a4a783
```
#a4a783 rgb(164,167,131)
```
#adaf8e
```
#adaf8e rgb(173,175,142)
```
#b5b79a
```
#b5b79a rgb(181,183,154)
```
#bebfa5
```
#bebfa5 rgb(190,191,165)
```
#c6c8b1
```
#c6c8b1 rgb(198,200,177)
```
#ced0bc
```
#ced0bc rgb(206,208,188)
```
#d7d8c8
```
#d7d8c8 rgb(215,216,200)
```
#dfe0d3
```
#dfe0d3 rgb(223,224,211)
```
#e7e8df
```
#e7e8df rgb(231,232,223)
```
#f0f0ea
```
#f0f0ea rgb(240,240,234)
```
#f8f8f6
```
#f8f8f6 rgb(248,248,246)
```

Tint Color Variation

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

#2a2a28
```
#2a2a28 rgb(42,42,40)
```
#2c2d25
```
#2c2d25 rgb(44,45,37)
```
#2f3022
```
#2f3022 rgb(47,48,34)
```
#32331f
```
#32331f rgb(50,51,31)
```
#34361c
```
#34361c rgb(52,54,28)
```
#373919
```
#373919 rgb(55,57,25)
```
#3a3d15
```
#3a3d15 rgb(58,61,21)
```
#3d4012
```
#3d4012 rgb(61,64,18)
```
#3f430f
```
#3f430f rgb(63,67,15)
```
#42460c
```
#42460c rgb(66,70,12)
```
#454909
```
#454909 rgb(69,73,9)
```
#474c06
```
#474c06 rgb(71,76,6)
```
#4a5002
```
#4a5002 rgb(74,80,2)
```

Tone Color Variation

Below, you can see how #2f3022 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
#2e2e2c Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d392d Protanopia 1% of men
#43372e Deuteranopia 1% of men
#3c383c Tritanopia 0.001% of the population

Trichromacy

#383629 Protanomaly 1% of men, 0.01% of women
#3b3429 Deuteranomaly 6% of men, 0.4% of women
#373533 Tritanomaly 0.01% of the population

#2f3022 hex color

#2f3022 Color Information

#2f3022 Color Conversion

Color Schemes with #2f3022

Alternatives to #2f3022

#2f3022 Preview

Shades and Tints of #2f3022

Tones of #2f3022

Color Blindness Simulator