#ff7c0d hex color

In a RGB color space, hex #ff7c0d is composed of 100% red, 48.6% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 51.4% magenta, 94.9% yellow and 0% black. It has a hue angle of 27.5 degrees, a saturation of 100% and a lightness of 52.5%. #ff7c0d color hex could be obtained by blending #fff81a with #ff0000. Closest websafe color is: #ff6600.

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

● #ff7c0d color description : Vivid orange.

The hexadecimal color #ff7c0d has RGB values of R:255, G:124, B:13 and CMYK values of C:0, M:0.51, Y:0.95, K:0. Its decimal value is 16743437.

Hex triplet	ff7c0d	`#ff7c0d`
RGB Decimal	255, 124, 13	`rgb(255,124,13)`
RGB Percent	100, 48.6, 5.1	`rgb(100%,48.6%,5.1%)`
CMYK	0, 51, 95, 0
HSL	27.5°, 100, 52.5	`hsl(27.5,100%,52.5%)`
HSV (or HSB)	27.5°, 94.9, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.297, 44.882, 71.643
XYZ	48.522, 35.709, 4.718
xyY	0.546, 0.401, 35.709
CIE-LCH	66.297, 84.541, 57.934
CIE-LUV	66.297, 109.072, 59.305
Hunter-Lab	59.757, 40.366, 37.149
Binary	11111111, 01111100, 00001101

#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#0d90ff
```
#0d90ff rgb(13,144,255)
```

Complementary Color

#ff0d17
```
#ff0d17 rgb(255,13,23)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#fff50d
```
#fff50d rgb(255,245,13)
```

Analogous Color

#0d17ff
```
#0d17ff rgb(13,23,255)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#0dfff5
```
#0dfff5 rgb(13,255,245)
```

Split Complementary Color

#7c0dff
```
#7c0dff rgb(124,13,255)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#0dff7c
```
#0dff7c rgb(13,255,124)
```

Triadic Color

#ff0d90
```
#ff0d90 rgb(255,13,144)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#0dff7c
```
#0dff7c rgb(13,255,124)
```
#0d90ff
```
#0d90ff rgb(13,144,255)
```

Tetradic Color

#c05800
```
#c05800 rgb(192,88,0)
```
#d96400
```
#d96400 rgb(217,100,0)
```
#f36f00
```
#f36f00 rgb(243,111,0)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#ff8a27
```
#ff8a27 rgb(255,138,39)
```
#ff9840
```
#ff9840 rgb(255,152,64)
```
#ffa55a
```
#ffa55a rgb(255,165,90)
```

Monochromatic Color

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

#ff3f0d
```
#ff3f0d rgb(255,63,13)
```
#ff540d
```
#ff540d rgb(255,84,13)
```
#ff680d
```
#ff680d rgb(255,104,13)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#ff900d
```
#ff900d rgb(255,144,13)
```
#ffa40d
```
#ffa40d rgb(255,164,13)
```
#ffb90d
```
#ffb90d rgb(255,185,13)
```

Similar Colors

Text with hexadecimal color #ff7c0d

This text has a font color of #ff7c0d.

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

#ff7c0d background color

This paragraph has a background color of #ff7c0d.

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

#ff7c0d border color

This element has a border color of #ff7c0d.

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

CSS codes

.text {color:#ff7c0d;}

.background {background-color:#ff7c0d;}

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

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

#0d0600
```
#0d0600 rgb(13,6,0)
```
#210f00
```
#210f00 rgb(33,15,0)
```
#341800
```
#341800 rgb(52,24,0)
```
#482100
```
#482100 rgb(72,33,0)
```
#5b2a00
```
#5b2a00 rgb(91,42,0)
```
#6f3300
```
#6f3300 rgb(111,51,0)
```
#833c00
```
#833c00 rgb(131,60,0)
```
#964500
```
#964500 rgb(150,69,0)
```
#aa4e00
```
#aa4e00 rgb(170,78,0)
```
#be5700
```
#be5700 rgb(190,87,0)
```
#d16000
```
#d16000 rgb(209,96,0)
```
#e56900
```
#e56900 rgb(229,105,0)
```
#f87200
```
#f87200 rgb(248,114,0)
```

Shade Color Variation

#ff7c0d
```
#ff7c0d rgb(255,124,13)
```
#ff8721
```
#ff8721 rgb(255,135,33)
```
#ff9134
```
#ff9134 rgb(255,145,52)
```
#ff9c48
```
#ff9c48 rgb(255,156,72)
```
#ffa65b
```
#ffa65b rgb(255,166,91)
```
#ffb16f
```
#ffb16f rgb(255,177,111)
```
#ffbc83
```
#ffbc83 rgb(255,188,131)
```
#ffc696
```
#ffc696 rgb(255,198,150)
```
#ffd1aa
```
#ffd1aa rgb(255,209,170)
```
#ffdcbe
```
#ffdcbe rgb(255,220,190)
```
#ffe6d1
```
#ffe6d1 rgb(255,230,209)
```
#fff1e5
```
#fff1e5 rgb(255,241,229)
```
#fffbf8
```
#fffbf8 rgb(255,251,248)
```

Tint Color Variation

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

#8f857d
```
#8f857d rgb(143,133,125)
```
#998473
```
#998473 rgb(153,132,115)
```
#a2846a
```
#a2846a rgb(162,132,106)
```
#ab8361
```
#ab8361 rgb(171,131,97)
```
#b58257
```
#b58257 rgb(181,130,87)
```
#be814e
```
#be814e rgb(190,129,78)
```
#c78145
```
#c78145 rgb(199,129,69)
```
#d0803c
```
#d0803c rgb(208,128,60)
```
#da7f32
```
#da7f32 rgb(218,127,50)
```
#e37e29
```
#e37e29 rgb(227,126,41)
```
#ec7e20
```
#ec7e20 rgb(236,126,32)
```
#f67d16
```
#f67d16 rgb(246,125,22)
```
#ff7c0d
```
#ff7c0d rgb(255,124,13)
```

Tone Color Variation

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

#b9a624 Protanopia 1% of men
#cf9e00 Deuteranopia 1% of men
#ff7d84 Tritanopia 0.001% of the population

Trichromacy

#d3961b Protanomaly 1% of men, 0.01% of women
#e09104 Deuteranomaly 6% of men, 0.4% of women
#ff7c58 Tritanomaly 0.01% of the population

#ff7c0d hex color

#ff7c0d Color Information

#ff7c0d Color Conversion

Color Schemes with #ff7c0d

Alternatives to #ff7c0d

#ff7c0d Preview

Shades and Tints of #ff7c0d

Tones of #ff7c0d

Color Blindness Simulator