colorhexa.com

#7a300a hex color

In a RGB color space, hex #7a300a is composed of 47.8% red, 18.8% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.7% magenta, 91.8% yellow and 52.2% black. It has a hue angle of 20.4 degrees, a saturation of 84.8% and a lightness of 25.9%. #7a300a color hex could be obtained by blending #f46014 with #000000. Closest websafe color is: #663300.

- R 48
- G 19
- B 4
RGB color chart
- C 0
- M 61
- Y 92
- K 52
CMYK color chart

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

The hexadecimal color #7a300a has RGB values of R:122, G:48, B:10 and CMYK values of C:0, M:0.61, Y:0.92, K:0.52. Its decimal value is 8007690.

Hex triplet	7a300a	`#7a300a`
RGB Decimal	122, 48, 10	`rgb(122,48,10)`
RGB Percent	47.8, 18.8, 3.9	`rgb(47.8%,18.8%,3.9%)`
CMYK	0, 61, 92, 52
HSL	20.4°, 84.8, 25.9	`hsl(20.4,84.8%,25.9%)`
HSV (or HSB)	20.4°, 91.8, 47.8
Web Safe	663300	`#663300`

CIE-LAB	30.094, 30.374, 37.353
XYZ	9.138, 6.274, 1.017
xyY	0.556, 0.382, 6.274
CIE-LCH	30.094, 48.144, 50.883
CIE-LUV	30.094, 57.123, 24.595
Hunter-Lab	25.049, 21.285, 15.127
Binary	01111010, 00110000, 00001010

#7a300a
```
#7a300a rgb(122,48,10)
```
#0a547a
```
#0a547a rgb(10,84,122)
```

Complementary Color

#7a0a1c
```
#7a0a1c rgb(122,10,28)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#7a680a
```
#7a680a rgb(122,104,10)
```

Analogous Color

#0a1c7a
```
#0a1c7a rgb(10,28,122)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#0a7a68
```
#0a7a68 rgb(10,122,104)
```

Split Complementary Color

#300a7a
```
#300a7a rgb(48,10,122)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#0a7a30
```
#0a7a30 rgb(10,122,48)
```

Triadic Color

#331404
```
#331404 rgb(51,20,4)
```
#4b1d06
```
#4b1d06 rgb(75,29,6)
```
#622708
```
#622708 rgb(98,39,8)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#92390c
```
#92390c rgb(146,57,12)
```
#a9430e
```
#a9430e rgb(169,67,14)
```
#c14c10
```
#c14c10 rgb(193,76,16)
```

Monochromatic Color

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

#7a140a
```
#7a140a rgb(122,20,10)
```
#7a1d0a
```
#7a1d0a rgb(122,29,10)
```
#7a270a
```
#7a270a rgb(122,39,10)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#7a390a
```
#7a390a rgb(122,57,10)
```
#7a430a
```
#7a430a rgb(122,67,10)
```
#7a4c0a
```
#7a4c0a rgb(122,76,10)
```

Similar Colors

Text with hexadecimal color #7a300a

This text has a font color of #7a300a.

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

#7a300a background color

This paragraph has a background color of #7a300a.

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

#7a300a border color

This element has a border color of #7a300a.

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

CSS codes

.text {color:#7a300a;}

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

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

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

#0d0501
```
#0d0501 rgb(13,5,1)
```
#1f0c03
```
#1f0c03 rgb(31,12,3)
```
#311304
```
#311304 rgb(49,19,4)
```
#441b06
```
#441b06 rgb(68,27,6)
```
#562207
```
#562207 rgb(86,34,7)
```
#682909
```
#682909 rgb(104,41,9)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#8c370b
```
#8c370b rgb(140,55,11)
```
#9e3e0d
```
#9e3e0d rgb(158,62,13)
```
#b0450e
```
#b0450e rgb(176,69,14)
```
#c34d10
```
#c34d10 rgb(195,77,16)
```
#d55411
```
#d55411 rgb(213,84,17)
```
#e75b13
```
#e75b13 rgb(231,91,19)
```

Shade Color Variation

#ed6621
```
#ed6621 rgb(237,102,33)
```
#ee7233
```
#ee7233 rgb(238,114,51)
```
#f07f45
```
#f07f45 rgb(240,127,69)
```
#f18b57
```
#f18b57 rgb(241,139,87)
```
#f39869
```
#f39869 rgb(243,152,105)
```
#f4a47b
```
#f4a47b rgb(244,164,123)
```
#f6b18d
```
#f6b18d rgb(246,177,141)
```
#f7bd9f
```
#f7bd9f rgb(247,189,159)
```
#f9cab2
```
#f9cab2 rgb(249,202,178)
```
#fad6c4
```
#fad6c4 rgb(250,214,196)
```
#fce3d6
```
#fce3d6 rgb(252,227,214)
```
#fdefe8
```
#fdefe8 rgb(253,239,232)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#424242
```
#424242 rgb(66,66,66)
```
#47403d
```
#47403d rgb(71,64,61)
```
#4c3f38
```
#4c3f38 rgb(76,63,56)
```
#513d33
```
#513d33 rgb(81,61,51)
```
#563b2e
```
#563b2e rgb(86,59,46)
```
#5c3a28
```
#5c3a28 rgb(92,58,40)
```
#613823
```
#613823 rgb(97,56,35)
```
#66371e
```
#66371e rgb(102,55,30)
```
#6b3519
```
#6b3519 rgb(107,53,25)
```
#703314
```
#703314 rgb(112,51,20)
```
#75320f
```
#75320f rgb(117,50,15)
```
#7a300a
```
#7a300a rgb(122,48,10)
```
#7f2e05
```
#7f2e05 rgb(127,46,5)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#4d3e37 Atypical Achromatopsia 0.001% of the population

Dichromacy

#59501c Protanopia 1% of men
#644c0b Deuteranopia 1% of men
#82373a Tritanopia 0.001% of the population

Trichromacy

#654415 Protanomaly 1% of men, 0.01% of women
#6c420a Deuteranomaly 6% of men, 0.4% of women
#7f3428 Tritanomaly 0.01% of the population