#2f3311 hex color

In a RGB color space, hex #2f3311 is composed of 18.4% red, 20% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 7.8% cyan, 0% magenta, 66.7% yellow and 80% black. It has a hue angle of 67.1 degrees, a saturation of 50% and a lightness of 13.3%. #2f3311 color hex could be obtained by blending #5e6622 with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 18
- G 20
- B 7
RGB color chart
- C 8
- M 0
- Y 67
- K 80
CMYK color chart

● #2f3311 color description : Very dark yellow [Olive tone].

The hexadecimal color #2f3311 has RGB values of R:47, G:51, B:17 and CMYK values of C:0.08, M:0, Y:0.67, K:0.8. Its decimal value is 3093265.

Hex triplet	2f3311	`#2f3311`
RGB Decimal	47, 51, 17	`rgb(47,51,17)`
RGB Percent	18.4, 20, 6.7	`rgb(18.4%,20%,6.7%)`
CMYK	8, 0, 67, 80
HSL	67.1°, 50, 13.3	`hsl(67.1,50%,13.3%)`
HSV (or HSB)	67.1°, 66.7, 20
Web Safe	333300	`#333300`

CIE-LAB	20.094, -7.731, 20.596
XYZ	2.457, 3.012, 0.982
xyY	0.381, 0.467, 3.012
CIE-LCH	20.094, 21.999, 110.575
CIE-LUV	20.094, -0.929, 17.651
Hunter-Lab	17.356, -5.102, 8.794
Binary	00101111, 00110011, 00010001

#2f3311
```
#2f3311 rgb(47,51,17)
```
#151133
```
#151133 rgb(21,17,51)
```

Complementary Color

#332611
```
#332611 rgb(51,38,17)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#1e3311
```
#1e3311 rgb(30,51,17)
```

Analogous Color

#261133
```
#261133 rgb(38,17,51)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#111e33
```
#111e33 rgb(17,30,51)
```

Split Complementary Color

#33112f
```
#33112f rgb(51,17,47)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#112f33
```
#112f33 rgb(17,47,51)
```

Triadic Color

#331511
```
#331511 rgb(51,21,17)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#112f33
```
#112f33 rgb(17,47,51)
```
#151133
```
#151133 rgb(21,17,51)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0c0d04
```
#0c0d04 rgb(12,13,4)
```
#1d200b
```
#1d200b rgb(29,32,11)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#414617
```
#414617 rgb(65,70,23)
```
#52591e
```
#52591e rgb(82,89,30)
```
#646c24
```
#646c24 rgb(100,108,36)
```

Monochromatic Color

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

#332f11
```
#332f11 rgb(51,47,17)
```
#333111
```
#333111 rgb(51,49,17)
```
#323311
```
#323311 rgb(50,51,17)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#2c3311
```
#2c3311 rgb(44,51,17)
```
#293311
```
#293311 rgb(41,51,17)
```
#273311
```
#273311 rgb(39,51,17)
```

Similar Colors

Text with hexadecimal color #2f3311

This text has a font color of #2f3311.

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

#2f3311 background color

This paragraph has a background color of #2f3311.

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

#2f3311 border color

This element has a border color of #2f3311.

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

CSS codes

.text {color:#2f3311;}

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

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

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

#060702
```
#060702 rgb(6,7,2)
```
#141607
```
#141607 rgb(20,22,7)
```
#21240c
```
#21240c rgb(33,36,12)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#3d4216
```
#3d4216 rgb(61,66,22)
```
#4a501b
```
#4a501b rgb(74,80,27)
```
#585f20
```
#585f20 rgb(88,95,32)
```
#656e25
```
#656e25 rgb(101,110,37)
```
#737d2a
```
#737d2a rgb(115,125,42)
```
#808b2e
```
#808b2e rgb(128,139,46)
```
#8e9a33
```
#8e9a33 rgb(142,154,51)
```
#9ba938
```
#9ba938 rgb(155,169,56)
```
#a9b73d
```
#a9b73d rgb(169,183,61)
```

Shade Color Variation

#b3c247
```
#b3c247 rgb(179,194,71)
```
#b9c655
```
#b9c655 rgb(185,198,85)
```
#bfcb64
```
#bfcb64 rgb(191,203,100)
```
#c5d073
```
#c5d073 rgb(197,208,115)
```
#cbd581
```
#cbd581 rgb(203,213,129)
```
#d1da90
```
#d1da90 rgb(209,218,144)
```
#d7df9f
```
#d7df9f rgb(215,223,159)
```
#dde4ae
```
#dde4ae rgb(221,228,174)
```
#e4e9bc
```
#e4e9bc rgb(228,233,188)
```
#eaeecb
```
#eaeecb rgb(234,238,203)
```
#f0f3da
```
#f0f3da rgb(240,243,218)
```
#f6f7e8
```
#f6f7e8 rgb(246,247,232)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#232321
```
#232321 rgb(35,35,33)
```
#25261e
```
#25261e rgb(37,38,30)
```
#27291b
```
#27291b rgb(39,41,27)
```
#292b19
```
#292b19 rgb(41,43,25)
```
#2b2e16
```
#2b2e16 rgb(43,46,22)
```
#2d3014
```
#2d3014 rgb(45,48,20)
```
#2f3311
```
#2f3311 rgb(47,51,17)
```
#31360e
```
#31360e rgb(49,54,14)
```
#33380c
```
#33380c rgb(51,56,12)
```
#353b09
```
#353b09 rgb(53,59,9)
```
#373d07
```
#373d07 rgb(55,61,7)
```
#394004
```
#394004 rgb(57,64,4)
```
#3b4301
```
#3b4301 rgb(59,67,1)
```

Tone Color Variation

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

Dichromacy

#413b1c Protanopia 1% of men
#48381f Deuteranopia 1% of men
#3d3a3e Tritanopia 0.001% of the population

Trichromacy

#3a3818 Protanomaly 1% of men, 0.01% of women
#3f361a Deuteranomaly 6% of men, 0.4% of women
#38372d Tritanomaly 0.01% of the population

#2f3311 hex color

#2f3311 Color Information

#2f3311 Color Conversion

Color Schemes with #2f3311

Alternatives to #2f3311

#2f3311 Preview

Shades and Tints of #2f3311

Tones of #2f3311

Color Blindness Simulator