#7f3300 hex color

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

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

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

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

Hex triplet	7f3300	`#7f3300`
RGB Decimal	127, 51, 0	`rgb(127,51,0)`
RGB Percent	49.8, 20, 0	`rgb(49.8%,20%,0%)`
CMYK	0, 60, 100, 50
HSL	24.1°, 100, 24.9	`hsl(24.1,100%,24.9%)`
HSV (or HSB)	24.1°, 100, 49.8
Web Safe	663300	`#663300`

CIE-LAB	31.534, 30.656, 42.856
XYZ	9.937, 6.881, 0.805
xyY	0.564, 0.39, 6.881
CIE-LCH	31.534, 52.692, 54.423
CIE-LUV	31.534, 59.893, 27.686
Hunter-Lab	26.231, 21.713, 16.543
Binary	01111111, 00110011, 00000000

#7f3300
```
#7f3300 rgb(127,51,0)
```
#004c7f
```
#004c7f rgb(0,76,127)
```

Complementary Color

#7f000d
```
#7f000d rgb(127,0,13)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#7f7300
```
#7f7300 rgb(127,115,0)
```

Analogous Color

#000d7f
```
#000d7f rgb(0,13,127)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#007f73
```
#007f73 rgb(0,127,115)
```

Split Complementary Color

#33007f
```
#33007f rgb(51,0,127)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#007f33
```
#007f33 rgb(0,127,51)
```

Triadic Color

#7f004c
```
#7f004c rgb(127,0,76)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#007f33
```
#007f33 rgb(0,127,51)
```
#004c7f
```
#004c7f rgb(0,76,127)
```

Tetradic Color

#331400
```
#331400 rgb(51,20,0)
```
#4c1f00
```
#4c1f00 rgb(76,31,0)
```
#662900
```
#662900 rgb(102,41,0)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#993d00
```
#993d00 rgb(153,61,0)
```
#b24700
```
#b24700 rgb(178,71,0)
```
#cc5200
```
#cc5200 rgb(204,82,0)
```

Monochromatic Color

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

#7f1300
```
#7f1300 rgb(127,19,0)
```
#7f1e00
```
#7f1e00 rgb(127,30,0)
```
#7f2800
```
#7f2800 rgb(127,40,0)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#7f3e00
```
#7f3e00 rgb(127,62,0)
```
#7f4800
```
#7f4800 rgb(127,72,0)
```
#7f5300
```
#7f5300 rgb(127,83,0)
```

Similar Colors

Text with hexadecimal color #7f3300

This text has a font color of #7f3300.

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

#7f3300 background color

This paragraph has a background color of #7f3300.

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

#7f3300 border color

This element has a border color of #7f3300.

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

CSS codes

.text {color:#7f3300;}

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

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

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

#090400
```
#090400 rgb(9,4,0)
```
#1d0c00
```
#1d0c00 rgb(29,12,0)
```
#311300
```
#311300 rgb(49,19,0)
```
#441b00
```
#441b00 rgb(68,27,0)
```
#582300
```
#582300 rgb(88,35,0)
```
#6b2b00
```
#6b2b00 rgb(107,43,0)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```
#933b00
```
#933b00 rgb(147,59,0)
```
#a64300
```
#a64300 rgb(166,67,0)
```
#ba4b00
```
#ba4b00 rgb(186,75,0)
```
#cd5300
```
#cd5300 rgb(205,83,0)
```
#e15a00
```
#e15a00 rgb(225,90,0)
```
#f56200
```
#f56200 rgb(245,98,0)
```

Shade Color Variation

#ff6c09
```
#ff6c09 rgb(255,108,9)
```
#ff781d
```
#ff781d rgb(255,120,29)
```
#ff8331
```
#ff8331 rgb(255,131,49)
```
#ff8f44
```
#ff8f44 rgb(255,143,68)
```
#ff9b58
```
#ff9b58 rgb(255,155,88)
```
#ffa76b
```
#ffa76b rgb(255,167,107)
```
#ffb27f
```
#ffb27f rgb(255,178,127)
```
#ffbe93
```
#ffbe93 rgb(255,190,147)
```
#ffcaa6
```
#ffcaa6 rgb(255,202,166)
```
#ffd6ba
```
#ffd6ba rgb(255,214,186)
```
#ffe1cd
```
#ffe1cd rgb(255,225,205)
```
#ffede1
```
#ffede1 rgb(255,237,225)
```
#fff9f5
```
#fff9f5 rgb(255,249,245)
```

Tint Color Variation

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

#443f3b
```
#443f3b rgb(68,63,59)
```
#493e36
```
#493e36 rgb(73,62,54)
```
#4e3d31
```
#4e3d31 rgb(78,61,49)
```
#533c2c
```
#533c2c rgb(83,60,44)
```
#583b27
```
#583b27 rgb(88,59,39)
```
#5d3a22
```
#5d3a22 rgb(93,58,34)
```
#62391d
```
#62391d rgb(98,57,29)
```
#673818
```
#673818 rgb(103,56,24)
```
#6b3714
```
#6b3714 rgb(107,55,20)
```
#70360f
```
#70360f rgb(112,54,15)
```
#75350a
```
#75350a rgb(117,53,10)
```
#7a3405
```
#7a3405 rgb(122,52,5)
```
#7f3300
```
#7f3300 rgb(127,51,0)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#504136 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d530e Protanopia 1% of men
#684f00 Deuteranopia 1% of men
#87393c Tritanopia 0.001% of the population

Trichromacy

#694709 Protanomaly 1% of men, 0.01% of women
#704500 Deuteranomaly 6% of men, 0.4% of women
#843726 Tritanomaly 0.01% of the population

#7f3300 hex color

#7f3300 Color Information

#7f3300 Color Conversion

Color Schemes with #7f3300

Alternatives to #7f3300

#7f3300 Preview

Shades and Tints of #7f3300

Tones of #7f3300

Color Blindness Simulator