colorhexa.com

#4f3018 hex color

In a RGB color space, hex #4f3018 is composed of 31% red, 18.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.2% magenta, 69.6% yellow and 69% black. It has a hue angle of 26.2 degrees, a saturation of 53.4% and a lightness of 20.2%. #4f3018 color hex could be obtained by blending #9e6030 with #000000. Closest websafe color is: #663300.

- R 31
- G 19
- B 9
RGB color chart
- C 0
- M 39
- Y 70
- K 69
CMYK color chart

● #4f3018 color description : Very dark orange [Brown tone].

The hexadecimal color #4f3018 has RGB values of R:79, G:48, B:24 and CMYK values of C:0, M:0.39, Y:0.7, K:0.69. Its decimal value is 5189656.

Hex triplet	4f3018	`#4f3018`
RGB Decimal	79, 48, 24	`rgb(79,48,24)`
RGB Percent	31, 18.8, 9.4	`rgb(31%,18.8%,9.4%)`
CMYK	0, 39, 70, 69
HSL	26.2°, 53.4, 20.2	`hsl(26.2,53.4%,20.2%)`
HSV (or HSB)	26.2°, 69.6, 31
Web Safe	663300	`#663300`

CIE-LAB	23.143, 11.438, 20.953
XYZ	4.446, 3.842, 1.372
xyY	0.46, 0.398, 3.842
CIE-LCH	23.143, 23.872, 61.37
CIE-LUV	23.143, 21.311, 16.267
Hunter-Lab	19.602, 6.186, 9.573
Binary	01001111, 00110000, 00011000

#4f3018
```
#4f3018 rgb(79,48,24)
```
#18374f
```
#18374f rgb(24,55,79)
```

Complementary Color

#4f181c
```
#4f181c rgb(79,24,28)
```
#4f3018
```
#4f3018 rgb(79,48,24)
```
#4f4c18
```
#4f4c18 rgb(79,76,24)
```

Analogous Color

#181c4f
```
#181c4f rgb(24,28,79)
```
#4f3018
```
#4f3018 rgb(79,48,24)
```
#184f4c
```
#184f4c rgb(24,79,76)
```

Split Complementary Color

#140c06
```
#140c06 rgb(20,12,6)
```
#28180c
```
#28180c rgb(40,24,12)
```
#3b2412
```
#3b2412 rgb(59,36,18)
```
#4f3018
```
#4f3018 rgb(79,48,24)
```
#633c1e
```
#633c1e rgb(99,60,30)
```
#764824
```
#764824 rgb(118,72,36)
```
#8a542a
```
#8a542a rgb(138,84,42)
```

Monochromatic Color

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

#4f2218
```
#4f2218 rgb(79,34,24)
```
#4f2718
```
#4f2718 rgb(79,39,24)
```
#4f2b18
```
#4f2b18 rgb(79,43,24)
```
#4f3018
```
#4f3018 rgb(79,48,24)
```
#4f3518
```
#4f3518 rgb(79,53,24)
```
#4f3918
```
#4f3918 rgb(79,57,24)
```
#4f3e18
```
#4f3e18 rgb(79,62,24)
```

Similar Colors

Text with hexadecimal color #4f3018

This text has a font color of #4f3018.

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

#4f3018 background color

This paragraph has a background color of #4f3018.

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

#4f3018 border color

This element has a border color of #4f3018.

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

CSS codes

.text {color:#4f3018;}

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

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130b06
```
#130b06 rgb(19,11,6)
```
#22150a
```
#22150a rgb(34,21,10)
```
#311e0f
```
#311e0f rgb(49,30,15)
```
#402713
```
#402713 rgb(64,39,19)
```
#4f3018
```
#4f3018 rgb(79,48,24)
```
#5e391d
```
#5e391d rgb(94,57,29)
```
#6d4221
```
#6d4221 rgb(109,66,33)
```
#7c4b26
```
#7c4b26 rgb(124,75,38)
```
#8b552a
```
#8b552a rgb(139,85,42)
```
#9a5e2f
```
#9a5e2f rgb(154,94,47)
```
#a96733
```
#a96733 rgb(169,103,51)
```
#b87038
```
#b87038 rgb(184,112,56)
```

Shade Color Variation

#c5793f
```
#c5793f rgb(197,121,63)
```
#c9844e
```
#c9844e rgb(201,132,78)
```
#ce8e5d
```
#ce8e5d rgb(206,142,93)
```
#d2996c
```
#d2996c rgb(210,153,108)
```
#d7a37b
```
#d7a37b rgb(215,163,123)
```
#dcae8a
```
#dcae8a rgb(220,174,138)
```
#e0b899
```
#e0b899 rgb(224,184,153)
```
#e5c3a9
```
#e5c3a9 rgb(229,195,169)
```
#e9cdb8
```
#e9cdb8 rgb(233,205,184)
```
#eed8c7
```
#eed8c7 rgb(238,216,199)
```
#f2e2d6
```
#f2e2d6 rgb(242,226,214)
```
#f7ede5
```
#f7ede5 rgb(247,237,229)
```
#fcf7f4
```
#fcf7f4 rgb(252,247,244)
```

Tint Color Variation

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

#373330
```
#373330 rgb(55,51,48)
```
#3b332c
```
#3b332c rgb(59,51,44)
```
#3f3228
```
#3f3228 rgb(63,50,40)
```
#433224
```
#433224 rgb(67,50,36)
```
#473120
```
#473120 rgb(71,49,32)
```
#4b311c
```
#4b311c rgb(75,49,28)
```
#4f3018
```
#4f3018 rgb(79,48,24)
```
#532f14
```
#532f14 rgb(83,47,20)
```
#572f10
```
#572f10 rgb(87,47,16)
```
#5b2e0c
```
#5b2e0c rgb(91,46,12)
```
#5f2e08
```
#5f2e08 rgb(95,46,8)
```
#632d04
```
#632d04 rgb(99,45,4)
```
#672d00
```
#672d00 rgb(103,45,0)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3c3631 Atypical Achromatopsia 0.001% of the population

Dichromacy

#474126 Protanopia 1% of men
#4f3e22 Deuteranopia 1% of men
#59373b Tritanopia 0.001% of the population

Trichromacy

#4a3b21 Protanomaly 1% of men, 0.01% of women
#4f391e Deuteranomaly 6% of men, 0.4% of women
#55352e Tritanomaly 0.01% of the population