#7f3318 hex color

In a RGB color space, hex #7f3318 is composed of 49.8% red, 20% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 81.1% yellow and 50.2% black. It has a hue angle of 15.7 degrees, a saturation of 68.2% and a lightness of 29.6%. #7f3318 color hex could be obtained by blending #fe6630 with #000000. Closest websafe color is: #663300.

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

● #7f3318 color description : Dark orange [Brown tone].

The hexadecimal color #7f3318 has RGB values of R:127, G:51, B:24 and CMYK values of C:0, M:0.6, Y:0.81, K:0.5. Its decimal value is 8336152.

Hex triplet	7f3318	`#7f3318`
RGB Decimal	127, 51, 24	`rgb(127,51,24)`
RGB Percent	49.8, 20, 9.4	`rgb(49.8%,20%,9.4%)`
CMYK	0, 60, 81, 50
HSL	15.7°, 68.2, 29.6	`hsl(15.7,68.2%,29.6%)`
HSV (or HSB)	15.7°, 81.1, 49.8
Web Safe	663300	`#663300`

CIE-LAB	31.685, 31.299, 32.494
XYZ	10.101, 6.947, 1.673
xyY	0.54, 0.371, 6.947
CIE-LCH	31.685, 45.117, 46.073
CIE-LUV	31.685, 57.994, 22.915
Hunter-Lab	26.357, 22.289, 14.686
Binary	01111111, 00110011, 00011000

#7f3318
```
#7f3318 rgb(127,51,24)
```
#18647f
```
#18647f rgb(24,100,127)
```

Complementary Color

#7f1831
```
#7f1831 rgb(127,24,49)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#7f6718
```
#7f6718 rgb(127,103,24)
```

Analogous Color

#18317f
```
#18317f rgb(24,49,127)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#187f67
```
#187f67 rgb(24,127,103)
```

Split Complementary Color

#33187f
```
#33187f rgb(51,24,127)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#187f33
```
#187f33 rgb(24,127,51)
```

Triadic Color

#7f1864
```
#7f1864 rgb(127,24,100)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#187f33
```
#187f33 rgb(24,127,51)
```
#18647f
```
#18647f rgb(24,100,127)
```

Tetradic Color

#3f190c
```
#3f190c rgb(63,25,12)
```
#542210
```
#542210 rgb(84,34,16)
```
#6a2a14
```
#6a2a14 rgb(106,42,20)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#943c1c
```
#943c1c rgb(148,60,28)
```
#aa4420
```
#aa4420 rgb(170,68,32)
```
#bf4d24
```
#bf4d24 rgb(191,77,36)
```

Monochromatic Color

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

#7f1918
```
#7f1918 rgb(127,25,24)
```
#7f2218
```
#7f2218 rgb(127,34,24)
```
#7f2a18
```
#7f2a18 rgb(127,42,24)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#7f3c18
```
#7f3c18 rgb(127,60,24)
```
#7f4418
```
#7f4418 rgb(127,68,24)
```
#7f4d18
```
#7f4d18 rgb(127,77,24)
```

Similar Colors

Text with hexadecimal color #7f3318

This text has a font color of #7f3318.

<span style="color:#7f3318;">Text here</span>

#7f3318 background color

This paragraph has a background color of #7f3318.

<p style="background-color:#7f3318;">Content here</p>

#7f3318 border color

This element has a border color of #7f3318.

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

CSS codes

.text {color:#7f3318;}

.background {background-color:#7f3318;}

.border {border:1px solid #7f3318;}

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, #0c0502 is the darkest color, while #fefbfa is the lightest one.

#0c0502
```
#0c0502 rgb(12,5,2)
```
#1c0b05
```
#1c0b05 rgb(28,11,5)
```
#2d1208
```
#2d1208 rgb(45,18,8)
```
#3d180c
```
#3d180c rgb(61,24,12)
```
#4e1f0f
```
#4e1f0f rgb(78,31,15)
```
#5e2612
```
#5e2612 rgb(94,38,18)
```
#6f2c15
```
#6f2c15 rgb(111,44,21)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#8f3a1b
```
#8f3a1b rgb(143,58,27)
```
#a0401e
```
#a0401e rgb(160,64,30)
```
#b04721
```
#b04721 rgb(176,71,33)
```
#c14e24
```
#c14e24 rgb(193,78,36)
```
#d15428
```
#d15428 rgb(209,84,40)
```

Shade Color Variation

#d95f34
```
#d95f34 rgb(217,95,52)
```
#dc6c45
```
#dc6c45 rgb(220,108,69)
```
#df7955
```
#df7955 rgb(223,121,85)
```
#e28666
```
#e28666 rgb(226,134,102)
```
#e59376
```
#e59376 rgb(229,147,118)
```
#e8a087
```
#e8a087 rgb(232,160,135)
```
#ebad97
```
#ebad97 rgb(235,173,151)
```
#eebaa8
```
#eebaa8 rgb(238,186,168)
```
#f2c7b8
```
#f2c7b8 rgb(242,199,184)
```
#f5d4c9
```
#f5d4c9 rgb(245,212,201)
```
#f8e1d9
```
#f8e1d9 rgb(248,225,217)
```
#fbeeea
```
#fbeeea rgb(251,238,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#514946
```
#514946 rgb(81,73,70)
```
#564641
```
#564641 rgb(86,70,65)
```
#5c443b
```
#5c443b rgb(92,68,59)
```
#624135
```
#624135 rgb(98,65,53)
```
#683e2f
```
#683e2f rgb(104,62,47)
```
#6e3b29
```
#6e3b29 rgb(110,59,41)
```
#733924
```
#733924 rgb(115,57,36)
```
#79361e
```
#79361e rgb(121,54,30)
```
#7f3318
```
#7f3318 rgb(127,51,24)
```
#853012
```
#853012 rgb(133,48,18)
```
#8b2d0c
```
#8b2d0c rgb(139,45,12)
```
#902b07
```
#902b07 rgb(144,43,7)
```
#962801
```
#962801 rgb(150,40,1)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#52433e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c542a Protanopia 1% of men
#68501e Deuteranopia 1% of men
#863a3e Tritanopia 0.001% of the population

Trichromacy

#694823 Protanomaly 1% of men, 0.01% of women
#70451b Deuteranomaly 6% of men, 0.4% of women
#833730 Tritanomaly 0.01% of the population

#7f3318 hex color

#7f3318 Color Information

#7f3318 Color Conversion

Color Schemes with #7f3318

Alternatives to #7f3318

#7f3318 Preview

Shades and Tints of #7f3318

Tones of #7f3318

Color Blindness Simulator