#2f2417 hex color

In a RGB color space, hex #2f2417 is composed of 18.4% red, 14.1% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.4% magenta, 51.1% yellow and 81.6% black. It has a hue angle of 32.5 degrees, a saturation of 34.3% and a lightness of 13.7%. #2f2417 color hex could be obtained by blending #5e482e with #000000. Closest websafe color is: #333300.

♥
- f
- t
- g
- R 18
- G 14
- B 9
RGB color chart
- C 0
- M 23
- Y 51
- K 82
CMYK color chart

● #2f2417 color description : Very dark (mostly black) orange [Brown tone].

The hexadecimal color #2f2417 has RGB values of R:47, G:36, B:23 and CMYK values of C:0, M:0.23, Y:0.51, K:0.82. Its decimal value is 3089431.

Hex triplet	2f2417	`#2f2417`
RGB Decimal	47, 36, 23	`rgb(47,36,23)`
RGB Percent	18.4, 14.1, 9	`rgb(18.4%,14.1%,9%)`
CMYK	0, 23, 51, 82
HSL	32.5°, 34.3, 13.7	`hsl(32.5,34.3%,13.7%)`
HSV (or HSB)	32.5°, 51.1, 18.4
Web Safe	333300	`#333300`

CIE-LAB	15.105, 2.988, 10.663
XYZ	1.958, 1.928, 1.08
xyY	0.394, 0.388, 1.928
CIE-LCH	15.105, 11.074, 74.343
CIE-LUV	15.105, 6.225, 7.908
Hunter-Lab	13.885, 0.869, 5.11
Binary	00101111, 00100100, 00010111

#2f2417
```
#2f2417 rgb(47,36,23)
```
#17222f
```
#17222f rgb(23,34,47)
```

Complementary Color

#2f1817
```
#2f1817 rgb(47,24,23)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#2e2f17
```
#2e2f17 rgb(46,47,23)
```

Analogous Color

#18172f
```
#18172f rgb(24,23,47)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#172e2f
```
#172e2f rgb(23,46,47)
```

Split Complementary Color

#24172f
```
#24172f rgb(36,23,47)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#172f24
```
#172f24 rgb(23,47,36)
```

Triadic Color

#2f1722
```
#2f1722 rgb(47,23,34)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#172f24
```
#172f24 rgb(23,47,36)
```
#17222f
```
#17222f rgb(23,34,47)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0d0a06
```
#0d0a06 rgb(13,10,6)
```
#1e170f
```
#1e170f rgb(30,23,15)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#40311f
```
#40311f rgb(64,49,31)
```
#513e28
```
#513e28 rgb(81,62,40)
```
#624b30
```
#624b30 rgb(98,75,48)
```

Monochromatic Color

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

#2f1e17
```
#2f1e17 rgb(47,30,23)
```
#2f2017
```
#2f2017 rgb(47,32,23)
```
#2f2217
```
#2f2217 rgb(47,34,23)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#2f2617
```
#2f2617 rgb(47,38,23)
```
#2f2817
```
#2f2817 rgb(47,40,23)
```
#2f2a17
```
#2f2a17 rgb(47,42,23)
```

Similar Colors

Text with hexadecimal color #2f2417

This text has a font color of #2f2417.

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

#2f2417 background color

This paragraph has a background color of #2f2417.

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

#2f2417 border color

This element has a border color of #2f2417.

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

CSS codes

.text {color:#2f2417;}

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

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

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

#070604
```
#070604 rgb(7,6,4)
```
#15100a
```
#15100a rgb(21,16,10)
```
#221a11
```
#221a11 rgb(34,26,17)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#3c2e1d
```
#3c2e1d rgb(60,46,29)
```
#493824
```
#493824 rgb(73,56,36)
```
#57422a
```
#57422a rgb(87,66,42)
```
#644c31
```
#644c31 rgb(100,76,49)
```
#715637
```
#715637 rgb(113,86,55)
```
#7e613e
```
#7e613e rgb(126,97,62)
```
#8b6b44
```
#8b6b44 rgb(139,107,68)
```
#98754b
```
#98754b rgb(152,117,75)
```
#a67f51
```
#a67f51 rgb(166,127,81)
```

Shade Color Variation

#af895b
```
#af895b rgb(175,137,91)
```
#b59268
```
#b59268 rgb(181,146,104)
```
#bc9c76
```
#bc9c76 rgb(188,156,118)
```
#c2a583
```
#c2a583 rgb(194,165,131)
```
#c9af90
```
#c9af90 rgb(201,175,144)
```
#cfb89d
```
#cfb89d rgb(207,184,157)
```
#d6c2aa
```
#d6c2aa rgb(214,194,170)
```
#dccbb7
```
#dccbb7 rgb(220,203,183)
```
#e2d5c5
```
#e2d5c5 rgb(226,213,197)
```
#e9ded2
```
#e9ded2 rgb(233,222,210)
```
#efe8df
```
#efe8df rgb(239,232,223)
```
#f6f1ec
```
#f6f1ec rgb(246,241,236)
```
#fcfbf9
```
#fcfbf9 rgb(252,251,249)
```

Tint Color Variation

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

#242322
```
#242322 rgb(36,35,34)
```
#27231f
```
#27231f rgb(39,35,31)
```
#2a241c
```
#2a241c rgb(42,36,28)
```
#2c241a
```
#2c241a rgb(44,36,26)
```
#2f2417
```
#2f2417 rgb(47,36,23)
```
#322414
```
#322414 rgb(50,36,20)
```
#342412
```
#342412 rgb(52,36,18)
```
#37250f
```
#37250f rgb(55,37,15)
```
#3a250c
```
#3a250c rgb(58,37,12)
```
#3c250a
```
#3c250a rgb(60,37,10)
```
#3f2507
```
#3f2507 rgb(63,37,7)
```
#422604
```
#422604 rgb(66,38,4)
```
#452601
```
#452601 rgb(69,38,1)
```

Tone Color Variation

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

#262626 Achromatopsia 0.005% of the population
#282623 Atypical Achromatopsia 0.001% of the population

Dichromacy

#343123 Protanopia 1% of men
#3a2f23 Deuteranopia 1% of men
#3b2d30 Tritanopia 0.001% of the population

Trichromacy

#322c1f Protanomaly 1% of men, 0.01% of women
#362b1e Deuteranomaly 6% of men, 0.4% of women
#362a27 Tritanomaly 0.01% of the population

#2f2417 hex color

#2f2417 Color Information

#2f2417 Color Conversion

Color Schemes with #2f2417

Alternatives to #2f2417

#2f2417 Preview

Shades and Tints of #2f2417

Tones of #2f2417

Color Blindness Simulator