colorhexa.com

#7f3c1a hex color

In a RGB color space, hex #7f3c1a is composed of 49.8% red, 23.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.8% magenta, 79.5% yellow and 50.2% black. It has a hue angle of 20.2 degrees, a saturation of 66% and a lightness of 30%. #7f3c1a color hex could be obtained by blending #fe7834 with #000000. Closest websafe color is: #663333.

- R 50
- G 24
- B 10
RGB color chart
- C 0
- M 53
- Y 80
- K 50
CMYK color chart

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

The hexadecimal color #7f3c1a has RGB values of R:127, G:60, B:26 and CMYK values of C:0, M:0.53, Y:0.8, K:0.5. Its decimal value is 8338458.

Hex triplet	7f3c1a	`#7f3c1a`
RGB Decimal	127, 60, 26	`rgb(127,60,26)`
RGB Percent	49.8, 23.5, 10.2	`rgb(49.8%,23.5%,10.2%)`
CMYK	0, 53, 80, 50
HSL	20.2°, 66, 30	`hsl(20.2,66%,30%)`
HSV (or HSB)	20.2°, 79.5, 49.8
Web Safe	663333	`#663333`

CIE-LAB	33.604, 26.523, 33.371
XYZ	10.555, 7.819, 1.931
xyY	0.52, 0.385, 7.819
CIE-LCH	33.604, 42.627, 51.523
CIE-LUV	33.604, 51.589, 25.455
Hunter-Lab	27.963, 18.442, 15.481
Binary	01111111, 00111100, 00011010

#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#1a5d7f
```
#1a5d7f rgb(26,93,127)
```

Complementary Color

#7f1a2b
```
#7f1a2b rgb(127,26,43)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#7f6f1a
```
#7f6f1a rgb(127,111,26)
```

Analogous Color

#1a2b7f
```
#1a2b7f rgb(26,43,127)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#1a7f6f
```
#1a7f6f rgb(26,127,111)
```

Split Complementary Color

#3c1a7f
```
#3c1a7f rgb(60,26,127)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#1a7f3c
```
#1a7f3c rgb(26,127,60)
```

Triadic Color

#401e0d
```
#401e0d rgb(64,30,13)
```
#552811
```
#552811 rgb(85,40,17)
```
#6a3216
```
#6a3216 rgb(106,50,22)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#94461e
```
#94461e rgb(148,70,30)
```
#a95023
```
#a95023 rgb(169,80,35)
```
#bf5a27
```
#bf5a27 rgb(191,90,39)
```

Monochromatic Color

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

#7f231a
```
#7f231a rgb(127,35,26)
```
#7f2b1a
```
#7f2b1a rgb(127,43,26)
```
#7f341a
```
#7f341a rgb(127,52,26)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#7f441a
```
#7f441a rgb(127,68,26)
```
#7f4d1a
```
#7f4d1a rgb(127,77,26)
```
#7f551a
```
#7f551a rgb(127,85,26)
```

Similar Colors

Text with hexadecimal color #7f3c1a

This text has a font color of #7f3c1a.

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

#7f3c1a background color

This paragraph has a background color of #7f3c1a.

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

#7f3c1a border color

This element has a border color of #7f3c1a.

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

CSS codes

.text {color:#7f3c1a;}

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

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

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

#0d0603
```
#0d0603 rgb(13,6,3)
```
#1d0e06
```
#1d0e06 rgb(29,14,6)
```
#2e1609
```
#2e1609 rgb(46,22,9)
```
#3e1d0d
```
#3e1d0d rgb(62,29,13)
```
#4e2510
```
#4e2510 rgb(78,37,16)
```
#5e2d13
```
#5e2d13 rgb(94,45,19)
```
#6f3417
```
#6f3417 rgb(111,52,23)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#8f441d
```
#8f441d rgb(143,68,29)
```
#a04b21
```
#a04b21 rgb(160,75,33)
```
#b05324
```
#b05324 rgb(176,83,36)
```
#c05b27
```
#c05b27 rgb(192,91,39)
```
#d0622b
```
#d0622b rgb(208,98,43)
```

Shade Color Variation

#d66e38
```
#d66e38 rgb(214,110,56)
```
#da7949
```
#da7949 rgb(218,121,73)
```
#dd8559
```
#dd8559 rgb(221,133,89)
```
#e09169
```
#e09169 rgb(224,145,105)
```
#e49d79
```
#e49d79 rgb(228,157,121)
```
#e7a98a
```
#e7a98a rgb(231,169,138)
```
#eab59a
```
#eab59a rgb(234,181,154)
```
#eec1aa
```
#eec1aa rgb(238,193,170)
```
#f1cdbb
```
#f1cdbb rgb(241,205,187)
```
#f4d9cb
```
#f4d9cb rgb(244,217,203)
```
#f8e5db
```
#f8e5db rgb(248,229,219)
```
#fbf1eb
```
#fbf1eb rgb(251,241,235)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#504b49
```
#504b49 rgb(80,75,73)
```
#564943
```
#564943 rgb(86,73,67)
```
#5c483d
```
#5c483d rgb(92,72,61)
```
#624637
```
#624637 rgb(98,70,55)
```
#674432
```
#674432 rgb(103,68,50)
```
#6d422c
```
#6d422c rgb(109,66,44)
```
#734026
```
#734026 rgb(115,64,38)
```
#793e20
```
#793e20 rgb(121,62,32)
```
#7f3c1a
```
#7f3c1a rgb(127,60,26)
```
#853a14
```
#853a14 rgb(133,58,20)
```
#8b380e
```
#8b380e rgb(139,56,14)
```
#913608
```
#913608 rgb(145,54,8)
```
#973402
```
#973402 rgb(151,52,2)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#564942 Atypical Achromatopsia 0.001% of the population

Dichromacy

#61582b Protanopia 1% of men
#6d5421 Deuteranopia 1% of men
#874246 Tritanopia 0.001% of the population

Trichromacy

#6c4d24 Protanomaly 1% of men, 0.01% of women
#734b1e Deuteranomaly 6% of men, 0.4% of women
#844036 Tritanomaly 0.01% of the population