colorhexa.com

#7c300e hex color

In a RGB color space, hex #7c300e is composed of 48.6% red, 18.8% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.3% magenta, 88.7% yellow and 51.4% black. It has a hue angle of 18.5 degrees, a saturation of 79.7% and a lightness of 27.1%. #7c300e color hex could be obtained by blending #f8601c with #000000. Closest websafe color is: #663300.

- R 49
- G 19
- B 5
RGB color chart
- C 0
- M 61
- Y 89
- K 51
CMYK color chart

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

The hexadecimal color #7c300e has RGB values of R:124, G:48, B:14 and CMYK values of C:0, M:0.61, Y:0.89, K:0.51. Its decimal value is 8138766.

Hex triplet	7c300e	`#7c300e`
RGB Decimal	124, 48, 14	`rgb(124,48,14)`
RGB Percent	48.6, 18.8, 5.5	`rgb(48.6%,18.8%,5.5%)`
CMYK	0, 61, 89, 51
HSL	18.5°, 79.7, 27.1	`hsl(18.5,79.7%,27.1%)`
HSV (or HSB)	18.5°, 88.7, 48.6
Web Safe	663300	`#663300`

CIE-LAB	30.476, 31.294, 36.132
XYZ	9.449, 6.432, 1.159
xyY	0.555, 0.377, 6.432
CIE-LCH	30.476, 47.8, 49.104
CIE-LUV	30.476, 58.49, 24.076
Hunter-Lab	25.361, 22.123, 15.042
Binary	01111100, 00110000, 00001110

#7c300e
```
#7c300e rgb(124,48,14)
```
#0e5a7c
```
#0e5a7c rgb(14,90,124)
```

Complementary Color

#7c0e23
```
#7c0e23 rgb(124,14,35)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#7c670e
```
#7c670e rgb(124,103,14)
```

Analogous Color

#0e237c
```
#0e237c rgb(14,35,124)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#0e7c67
```
#0e7c67 rgb(14,124,103)
```

Split Complementary Color

#300e7c
```
#300e7c rgb(48,14,124)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#0e7c30
```
#0e7c30 rgb(14,124,48)
```

Triadic Color

#371506
```
#371506 rgb(55,21,6)
```
#4e1e09
```
#4e1e09 rgb(78,30,9)
```
#65270b
```
#65270b rgb(101,39,11)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#933911
```
#933911 rgb(147,57,17)
```
#aa4213
```
#aa4213 rgb(170,66,19)
```
#c14b16
```
#c14b16 rgb(193,75,22)
```

Monochromatic Color

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

#7c150e
```
#7c150e rgb(124,21,14)
```
#7c1e0e
```
#7c1e0e rgb(124,30,14)
```
#7c270e
```
#7c270e rgb(124,39,14)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#7c390e
```
#7c390e rgb(124,57,14)
```
#7c420e
```
#7c420e rgb(124,66,14)
```
#7c4c0e
```
#7c4c0e rgb(124,76,14)
```

Similar Colors

Text with hexadecimal color #7c300e

This text has a font color of #7c300e.

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

#7c300e background color

This paragraph has a background color of #7c300e.

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

#7c300e border color

This element has a border color of #7c300e.

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

CSS codes

.text {color:#7c300e;}

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

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

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

#010000
```
#010000 rgb(1,0,0)
```
#120702
```
#120702 rgb(18,7,2)
```
#240e04
```
#240e04 rgb(36,14,4)
```
#351506
```
#351506 rgb(53,21,6)
```
#471c08
```
#471c08 rgb(71,28,8)
```
#59220a
```
#59220a rgb(89,34,10)
```
#6a290c
```
#6a290c rgb(106,41,12)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#8e3710
```
#8e3710 rgb(142,55,16)
```
#9f3e12
```
#9f3e12 rgb(159,62,18)
```
#b14414
```
#b14414 rgb(177,68,20)
```
#c34b16
```
#c34b16 rgb(195,75,22)
```
#d45218
```
#d45218 rgb(212,82,24)
```

Shade Color Variation

#e5591a
```
#e5591a rgb(229,89,26)
```
#e7662c
```
#e7662c rgb(231,102,44)
```
#e9733e
```
#e9733e rgb(233,115,62)
```
#eb804f
```
#eb804f rgb(235,128,79)
```
#ed8c61
```
#ed8c61 rgb(237,140,97)
```
#ef9973
```
#ef9973 rgb(239,153,115)
```
#f1a684
```
#f1a684 rgb(241,166,132)
```
#f3b396
```
#f3b396 rgb(243,179,150)
```
#f5bfa7
```
#f5bfa7 rgb(245,191,167)
```
#f7ccb9
```
#f7ccb9 rgb(247,204,185)
```
#f9d9cb
```
#f9d9cb rgb(249,217,203)
```
#fbe6dc
```
#fbe6dc rgb(251,230,220)
```
#fdf3ee
```
#fdf3ee rgb(253,243,238)
```

Tint Color Variation

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

#474443
```
#474443 rgb(71,68,67)
```
#4c423e
```
#4c423e rgb(76,66,62)
```
#524038
```
#524038 rgb(82,64,56)
```
#573e33
```
#573e33 rgb(87,62,51)
```
#5c3c2e
```
#5c3c2e rgb(92,60,46)
```
#613a29
```
#613a29 rgb(97,58,41)
```
#673823
```
#673823 rgb(103,56,35)
```
#6c361e
```
#6c361e rgb(108,54,30)
```
#713419
```
#713419 rgb(113,52,25)
```
#773213
```
#773213 rgb(119,50,19)
```
#7c300e
```
#7c300e rgb(124,48,14)
```
#812e09
```
#812e09 rgb(129,46,9)
```
#872c03
```
#872c03 rgb(135,44,3)
```

Tone Color Variation

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

#434343 Achromatopsia 0.005% of the population
#4e3f38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5120 Protanopia 1% of men
#654d11 Deuteranopia 1% of men
#84373a Tritanopia 0.001% of the population

Trichromacy

#664519 Protanomaly 1% of men, 0.01% of women
#6d4210 Deuteranomaly 6% of men, 0.4% of women
#81342a Tritanomaly 0.01% of the population