colorhexa.com

#7c2a0c hex color

In a RGB color space, hex #7c2a0c is composed of 48.6% red, 16.5% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 90.3% yellow and 51.4% black. It has a hue angle of 16.1 degrees, a saturation of 82.4% and a lightness of 26.7%. #7c2a0c color hex could be obtained by blending #f85418 with #000000. Closest websafe color is: #663300.

- R 49
- G 16
- B 5
RGB color chart
- C 0
- M 66
- Y 90
- K 51
CMYK color chart

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

The hexadecimal color #7c2a0c has RGB values of R:124, G:42, B:12 and CMYK values of C:0, M:0.66, Y:0.9, K:0.51. Its decimal value is 8137228.

Hex triplet	7c2a0c	`#7c2a0c`
RGB Decimal	124, 42, 12	`rgb(124,42,12)`
RGB Percent	48.6, 16.5, 4.7	`rgb(48.6%,16.5%,4.7%)`
CMYK	0, 66, 90, 51
HSL	16.1°, 82.4, 26.7	`hsl(16.1,82.4%,26.7%)`
HSV (or HSB)	16.1°, 90.3, 48.6
Web Safe	663300	`#663300`

CIE-LAB	29.333, 34.229, 36.068
XYZ	9.207, 5.969, 1.015
xyY	0.569, 0.369, 5.969
CIE-LCH	29.333, 49.724, 46.498
CIE-LUV	29.333, 62.536, 22.665
Hunter-Lab	24.431, 24.516, 14.638
Binary	01111100, 00101010, 00001100

#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#0c5e7c
```
#0c5e7c rgb(12,94,124)
```

Complementary Color

#7c0c26
```
#7c0c26 rgb(124,12,38)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#7c620c
```
#7c620c rgb(124,98,12)
```

Analogous Color

#0c267c
```
#0c267c rgb(12,38,124)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#0c7c62
```
#0c7c62 rgb(12,124,98)
```

Split Complementary Color

#2a0c7c
```
#2a0c7c rgb(42,12,124)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#0c7c2a
```
#0c7c2a rgb(12,124,42)
```

Triadic Color

#361205
```
#361205 rgb(54,18,5)
```
#4e1a08
```
#4e1a08 rgb(78,26,8)
```
#65220a
```
#65220a rgb(101,34,10)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#93320e
```
#93320e rgb(147,50,14)
```
#ab3a11
```
#ab3a11 rgb(171,58,17)
```
#c24213
```
#c24213 rgb(194,66,19)
```

Monochromatic Color

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

#7c0e0c
```
#7c0e0c rgb(124,14,12)
```
#7c170c
```
#7c170c rgb(124,23,12)
```
#7c210c
```
#7c210c rgb(124,33,12)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#7c330c
```
#7c330c rgb(124,51,12)
```
#7c3d0c
```
#7c3d0c rgb(124,61,12)
```
#7c460c
```
#7c460c rgb(124,70,12)
```

Similar Colors

Text with hexadecimal color #7c2a0c

This text has a font color of #7c2a0c.

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

#7c2a0c background color

This paragraph has a background color of #7c2a0c.

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

#7c2a0c border color

This element has a border color of #7c2a0c.

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

CSS codes

.text {color:#7c2a0c;}

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

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

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

#110602
```
#110602 rgb(17,6,2)
```
#230c03
```
#230c03 rgb(35,12,3)
```
#341205
```
#341205 rgb(52,18,5)
```
#461807
```
#461807 rgb(70,24,7)
```
#581e09
```
#581e09 rgb(88,30,9)
```
#6a240a
```
#6a240a rgb(106,36,10)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#8e300e
```
#8e300e rgb(142,48,14)
```
#a0360f
```
#a0360f rgb(160,54,15)
```
#b23c11
```
#b23c11 rgb(178,60,17)
```
#c44213
```
#c44213 rgb(196,66,19)
```
#d54815
```
#d54815 rgb(213,72,21)
```
#e74e16
```
#e74e16 rgb(231,78,22)
```

Shade Color Variation

#ea5b27
```
#ea5b27 rgb(234,91,39)
```
#ec6939
```
#ec6939 rgb(236,105,57)
```
#ee774b
```
#ee774b rgb(238,119,75)
```
#ef845d
```
#ef845d rgb(239,132,93)
```
#f1926f
```
#f1926f rgb(241,146,111)
```
#f39f81
```
#f39f81 rgb(243,159,129)
```
#f5ad93
```
#f5ad93 rgb(245,173,147)
```
#f6baa4
```
#f6baa4 rgb(246,186,164)
```
#f8c8b6
```
#f8c8b6 rgb(248,200,182)
```
#fad5c8
```
#fad5c8 rgb(250,213,200)
```
#fbe3da
```
#fbe3da rgb(251,227,218)
```
#fdf1ec
```
#fdf1ec rgb(253,241,236)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#484240
```
#484240 rgb(72,66,64)
```
#4d403b
```
#4d403b rgb(77,64,59)
```
#523d36
```
#523d36 rgb(82,61,54)
```
#573b31
```
#573b31 rgb(87,59,49)
```
#5d392b
```
#5d392b rgb(93,57,43)
```
#623626
```
#623626 rgb(98,54,38)
```
#673421
```
#673421 rgb(103,52,33)
```
#6c311c
```
#6c311c rgb(108,49,28)
```
#722f16
```
#722f16 rgb(114,47,22)
```
#772c11
```
#772c11 rgb(119,44,17)
```
#7c2a0c
```
#7c2a0c rgb(124,42,12)
```
#812807
```
#812807 rgb(129,40,7)
```
#862502
```
#862502 rgb(134,37,2)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#4b3b35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#574e1f Protanopia 1% of men
#624b0d Deuteranopia 1% of men
#833234 Tritanopia 0.001% of the population

Trichromacy

#644118 Protanomaly 1% of men, 0.01% of women
#6b3f0c Deuteranomaly 6% of men, 0.4% of women
#802f25 Tritanomaly 0.01% of the population