#ff7d0a hex color

In a RGB color space, hex #ff7d0a is composed of 100% red, 49% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51% magenta, 96.1% yellow and 0% black. It has a hue angle of 28.2 degrees, a saturation of 100% and a lightness of 52%. #ff7d0a color hex could be obtained by blending #fffa14 with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 49
- B 4
RGB color chart
- C 0
- M 51
- Y 96
- K 0
CMYK color chart

● #ff7d0a color description : Vivid orange.

The hexadecimal color #ff7d0a has RGB values of R:255, G:125, B:10 and CMYK values of C:0, M:0.51, Y:0.96, K:0. Its decimal value is 16743690.

Hex triplet	ff7d0a	`#ff7d0a`
RGB Decimal	255, 125, 10	`rgb(255,125,10)`
RGB Percent	100, 49, 3.9	`rgb(100%,49%,3.9%)`
CMYK	0, 51, 96, 0
HSL	28.2°, 100, 52	`hsl(28.2,100%,52%)`
HSV (or HSB)	28.2°, 96.1, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.485, 44.37, 72.226
XYZ	48.63, 35.954, 4.666
xyY	0.545, 0.403, 35.954
CIE-LCH	66.485, 84.766, 58.437
CIE-LUV	66.485, 108.314, 59.841
Hunter-Lab	59.962, 39.835, 37.359
Binary	11111111, 01111101, 00001010

#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#0a8cff
```
#0a8cff rgb(10,140,255)
```

Complementary Color

#ff0a12
```
#ff0a12 rgb(255,10,18)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#fff80a
```
#fff80a rgb(255,248,10)
```

Analogous Color

#0a12ff
```
#0a12ff rgb(10,18,255)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#0afff8
```
#0afff8 rgb(10,255,248)
```

Split Complementary Color

#7d0aff
```
#7d0aff rgb(125,10,255)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#0aff7d
```
#0aff7d rgb(10,255,125)
```

Triadic Color

#ff0a8c
```
#ff0a8c rgb(255,10,140)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#0aff7d
```
#0aff7d rgb(10,255,125)
```
#0a8cff
```
#0a8cff rgb(10,140,255)
```

Tetradic Color

#bd5800
```
#bd5800 rgb(189,88,0)
```
#d66400
```
#d66400 rgb(214,100,0)
```
#f07000
```
#f07000 rgb(240,112,0)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#ff8b24
```
#ff8b24 rgb(255,139,36)
```
#ff983d
```
#ff983d rgb(255,152,61)
```
#ffa657
```
#ffa657 rgb(255,166,87)
```

Monochromatic Color

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

#ff400a
```
#ff400a rgb(255,64,10)
```
#ff540a
```
#ff540a rgb(255,84,10)
```
#ff690a
```
#ff690a rgb(255,105,10)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#ff910a
```
#ff910a rgb(255,145,10)
```
#ffa60a
```
#ffa60a rgb(255,166,10)
```
#ffba0a
```
#ffba0a rgb(255,186,10)
```

Similar Colors

Text with hexadecimal color #ff7d0a

This text has a font color of #ff7d0a.

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

#ff7d0a background color

This paragraph has a background color of #ff7d0a.

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

#ff7d0a border color

This element has a border color of #ff7d0a.

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

CSS codes

.text {color:#ff7d0a;}

.background {background-color:#ff7d0a;}

.border {border:1px solid #ff7d0a;}

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

#0a0500
```
#0a0500 rgb(10,5,0)
```
#1e0e00
```
#1e0e00 rgb(30,14,0)
```
#311700
```
#311700 rgb(49,23,0)
```
#452000
```
#452000 rgb(69,32,0)
```
#582a00
```
#582a00 rgb(88,42,0)
```
#6c3300
```
#6c3300 rgb(108,51,0)
```
#803c00
```
#803c00 rgb(128,60,0)
```
#934500
```
#934500 rgb(147,69,0)
```
#a74e00
```
#a74e00 rgb(167,78,0)
```
#bb5800
```
#bb5800 rgb(187,88,0)
```
#ce6100
```
#ce6100 rgb(206,97,0)
```
#e26a00
```
#e26a00 rgb(226,106,0)
```
#f57300
```
#f57300 rgb(245,115,0)
```

Shade Color Variation

#ff7d0a
```
#ff7d0a rgb(255,125,10)
```
#ff871e
```
#ff871e rgb(255,135,30)
```
#ff9231
```
#ff9231 rgb(255,146,49)
```
#ff9c45
```
#ff9c45 rgb(255,156,69)
```
#ffa758
```
#ffa758 rgb(255,167,88)
```
#ffb16c
```
#ffb16c rgb(255,177,108)
```
#ffbb80
```
#ffbb80 rgb(255,187,128)
```
#ffc693
```
#ffc693 rgb(255,198,147)
```
#ffd0a7
```
#ffd0a7 rgb(255,208,167)
```
#ffdbbb
```
#ffdbbb rgb(255,219,187)
```
#ffe5ce
```
#ffe5ce rgb(255,229,206)
```
#ffefe2
```
#ffefe2 rgb(255,239,226)
```
#fffaf5
```
#fffaf5 rgb(255,250,245)
```

Tint Color Variation

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

#8e847b
```
#8e847b rgb(142,132,123)
```
#978372
```
#978372 rgb(151,131,114)
```
#a18368
```
#a18368 rgb(161,131,104)
```
#aa825f
```
#aa825f rgb(170,130,95)
```
#b48255
```
#b48255 rgb(180,130,85)
```
#bd814c
```
#bd814c rgb(189,129,76)
```
#c68043
```
#c68043 rgb(198,128,67)
```
#d08039
```
#d08039 rgb(208,128,57)
```
#d97f30
```
#d97f30 rgb(217,127,48)
```
#e37f26
```
#e37f26 rgb(227,127,38)
```
#ec7e1d
```
#ec7e1d rgb(236,126,29)
```
#f67e13
```
#f67e13 rgb(246,126,19)
```
#ff7d0a
```
#ff7d0a rgb(255,125,10)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#ac927b Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa622 Protanopia 1% of men
#d09e00 Deuteranopia 1% of men
#ff7e85 Tritanopia 0.001% of the population

Trichromacy

#d39719 Protanomaly 1% of men, 0.01% of women
#e19203 Deuteranomaly 6% of men, 0.4% of women
#ff7d58 Tritanomaly 0.01% of the population

#ff7d0a hex color

#ff7d0a Color Information

#ff7d0a Color Conversion

Color Schemes with #ff7d0a

Alternatives to #ff7d0a

#ff7d0a Preview

Shades and Tints of #ff7d0a

Tones of #ff7d0a

Color Blindness Simulator