#2f3018 hex color

In a RGB color space, hex #2f3018 is composed of 18.4% red, 18.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 2.1% cyan, 0% magenta, 50% yellow and 81.2% black. It has a hue angle of 62.5 degrees, a saturation of 33.3% and a lightness of 14.1%. #2f3018 color hex could be obtained by blending #5e6030 with #000000. Closest websafe color is: #333300.

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

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

The hexadecimal color #2f3018 has RGB values of R:47, G:48, B:24 and CMYK values of C:0.02, M:0, Y:0.5, K:0.81. Its decimal value is 3092504.

Hex triplet	2f3018	`#2f3018`
RGB Decimal	47, 48, 24	`rgb(47,48,24)`
RGB Percent	18.4, 18.8, 9.4	`rgb(18.4%,18.8%,9.4%)`
CMYK	2, 0, 50, 81
HSL	62.5°, 33.3, 14.1	`hsl(62.5,33.3%,14.1%)`
HSV (or HSB)	62.5°, 50, 18.8
Web Safe	333300	`#333300`

CIE-LAB	19.158, -4.976, 15.196
XYZ	2.394, 2.784, 1.275
xyY	0.371, 0.431, 2.784
CIE-LCH	19.158, 15.99, 108.132
CIE-LUV	19.158, 0.432, 13.42
Hunter-Lab	16.686, -3.589, 7.148
Binary	00101111, 00110000, 00011000

#2f3018
```
#2f3018 rgb(47,48,24)
```
#191830
```
#191830 rgb(25,24,48)
```

Complementary Color

#302518
```
#302518 rgb(48,37,24)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#233018
```
#233018 rgb(35,48,24)
```

Analogous Color

#251830
```
#251830 rgb(37,24,48)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#182330
```
#182330 rgb(24,35,48)
```

Split Complementary Color

#30182f
```
#30182f rgb(48,24,47)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#182f30
```
#182f30 rgb(24,47,48)
```

Triadic Color

#301918
```
#301918 rgb(48,25,24)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#182f30
```
#182f30 rgb(24,47,48)
```
#191830
```
#191830 rgb(25,24,48)
```

Tetradic Color

#000000
```
#000000 rgb(0,0,0)
```
#0e0e07
```
#0e0e07 rgb(14,14,7)
```
#1e1f10
```
#1e1f10 rgb(30,31,16)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#404121
```
#404121 rgb(64,65,33)
```
#505229
```
#505229 rgb(80,82,41)
```
#616332
```
#616332 rgb(97,99,50)
```

Monochromatic Color

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

#302b18
```
#302b18 rgb(48,43,24)
```
#302d18
```
#302d18 rgb(48,45,24)
```
#302f18
```
#302f18 rgb(48,47,24)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#2d3018
```
#2d3018 rgb(45,48,24)
```
#2b3018
```
#2b3018 rgb(43,48,24)
```
#293018
```
#293018 rgb(41,48,24)
```

Similar Colors

Text with hexadecimal color #2f3018

This text has a font color of #2f3018.

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

#2f3018 background color

This paragraph has a background color of #2f3018.

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

#2f3018 border color

This element has a border color of #2f3018.

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

CSS codes

.text {color:#2f3018;}

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

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

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

#090904
```
#090904 rgb(9,9,4)
```
#15160b
```
#15160b rgb(21,22,11)
```
#222311
```
#222311 rgb(34,35,17)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#3c3d1f
```
#3c3d1f rgb(60,61,31)
```
#494a25
```
#494a25 rgb(73,74,37)
```
#55572c
```
#55572c rgb(85,87,44)
```
#626432
```
#626432 rgb(98,100,50)
```
#6f7139
```
#6f7139 rgb(111,113,57)
```
#7c7e3f
```
#7c7e3f rgb(124,126,63)
```
#898c46
```
#898c46 rgb(137,140,70)
```
#95994c
```
#95994c rgb(149,153,76)
```
#a2a653
```
#a2a653 rgb(162,166,83)
```

Shade Color Variation

#abae5e
```
#abae5e rgb(171,174,94)
```
#b2b56b
```
#b2b56b rgb(178,181,107)
```
#b9bb78
```
#b9bb78 rgb(185,187,120)
```
#bfc285
```
#bfc285 rgb(191,194,133)
```
#c6c992
```
#c6c992 rgb(198,201,146)
```
#cdcf9f
```
#cdcf9f rgb(205,207,159)
```
#d4d6ac
```
#d4d6ac rgb(212,214,172)
```
#dbdcb9
```
#dbdcb9 rgb(219,220,185)
```
#e2e3c6
```
#e2e3c6 rgb(226,227,198)
```
#e8e9d3
```
#e8e9d3 rgb(232,233,211)
```
#eff0e1
```
#eff0e1 rgb(239,240,225)
```
#f6f6ee
```
#f6f6ee rgb(246,246,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#252523
```
#252523 rgb(37,37,35)
```
#272820
```
#272820 rgb(39,40,32)
```
#2a2a1e
```
#2a2a1e rgb(42,42,30)
```
#2c2d1b
```
#2c2d1b rgb(44,45,27)
```
#2f3018
```
#2f3018 rgb(47,48,24)
```
#323315
```
#323315 rgb(50,51,21)
```
#343612
```
#343612 rgb(52,54,18)
```
#373810
```
#373810 rgb(55,56,16)
```
#393b0d
```
#393b0d rgb(57,59,13)
```
#3c3e0a
```
#3c3e0a rgb(60,62,10)
```
#3e4107
```
#3e4107 rgb(62,65,7)
```
#414305
```
#414305 rgb(65,67,5)
```
#434602
```
#434602 rgb(67,70,2)
```

Tone Color Variation

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

#2d2d2d Achromatopsia 0.005% of the population
#2d2e29 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3923 Protanopia 1% of men
#443625 Deuteranopia 1% of men
#3c373b Tritanopia 0.001% of the population

Trichromacy

#38351f Protanomaly 1% of men, 0.01% of women
#3c3420 Deuteranomaly 6% of men, 0.4% of women
#37352e Tritanomaly 0.01% of the population

#2f3018 hex color

#2f3018 Color Information

#2f3018 Color Conversion

Color Schemes with #2f3018

Alternatives to #2f3018

#2f3018 Preview

Shades and Tints of #2f3018

Tones of #2f3018

Color Blindness Simulator