#ff9d0e hex color

In a RGB color space, hex #ff9d0e is composed of 100% red, 61.6% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.4% magenta, 94.5% yellow and 0% black. It has a hue angle of 35.6 degrees, a saturation of 100% and a lightness of 52.7%. #ff9d0e color hex could be obtained by blending #ffff1c with #ff3b00. Closest websafe color is: #ff9900.

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

● #ff9d0e color description : Vivid orange.

The hexadecimal color #ff9d0e has RGB values of R:255, G:157, B:14 and CMYK values of C:0, M:0.38, Y:0.95, K:0. Its decimal value is 16751886.

Hex triplet	ff9d0e	`#ff9d0e`
RGB Decimal	255, 157, 14	`rgb(255,157,14)`
RGB Percent	100, 61.6, 5.5	`rgb(100%,61.6%,5.5%)`
CMYK	0, 38, 95, 0
HSL	35.6°, 100, 52.7	`hsl(35.6,100%,52.7%)`
HSV (or HSB)	35.6°, 94.5, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	73.161, 28.205, 76.088
XYZ	53.378, 45.41, 6.369
xyY	0.508, 0.432, 45.41
CIE-LCH	73.161, 81.147, 69.661
CIE-LUV	73.161, 81.29, 70.337
Hunter-Lab	67.387, 23.465, 41.567
Binary	11111111, 10011101, 00001110

#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#0e70ff
```
#0e70ff rgb(14,112,255)
```

Complementary Color

#ff250e
```
#ff250e rgb(255,37,14)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#e9ff0e
```
#e9ff0e rgb(233,255,14)
```

Analogous Color

#250eff
```
#250eff rgb(37,14,255)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#0ee9ff
```
#0ee9ff rgb(14,233,255)
```

Split Complementary Color

#9d0eff
```
#9d0eff rgb(157,14,255)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#0eff9d
```
#0eff9d rgb(14,255,157)
```

Triadic Color

#ff0e70
```
#ff0e70 rgb(255,14,112)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#0eff9d
```
#0eff9d rgb(14,255,157)
```
#0e70ff
```
#0e70ff rgb(14,112,255)
```

Tetradic Color

#c17200
```
#c17200 rgb(193,114,0)
```
#da8100
```
#da8100 rgb(218,129,0)
```
#f49000
```
#f49000 rgb(244,144,0)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#ffa728
```
#ffa728 rgb(255,167,40)
```
#ffb241
```
#ffb241 rgb(255,178,65)
```
#ffbc5b
```
#ffbc5b rgb(255,188,91)
```

Monochromatic Color

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

#ff610e
```
#ff610e rgb(255,97,14)
```
#ff750e
```
#ff750e rgb(255,117,14)
```
#ff890e
```
#ff890e rgb(255,137,14)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#ffb10e
```
#ffb10e rgb(255,177,14)
```
#ffc50e
```
#ffc50e rgb(255,197,14)
```
#ffd90e
```
#ffd90e rgb(255,217,14)
```

Similar Colors

Text with hexadecimal color #ff9d0e

This text has a font color of #ff9d0e.

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

#ff9d0e background color

This paragraph has a background color of #ff9d0e.

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

#ff9d0e border color

This element has a border color of #ff9d0e.

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

CSS codes

.text {color:#ff9d0e;}

.background {background-color:#ff9d0e;}

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

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

#0e0800
```
#0e0800 rgb(14,8,0)
```
#221400
```
#221400 rgb(34,20,0)
```
#352000
```
#352000 rgb(53,32,0)
```
#492b00
```
#492b00 rgb(73,43,0)
```
#5c3700
```
#5c3700 rgb(92,55,0)
```
#704300
```
#704300 rgb(112,67,0)
```
#844e00
```
#844e00 rgb(132,78,0)
```
#975a00
```
#975a00 rgb(151,90,0)
```
#ab6500
```
#ab6500 rgb(171,101,0)
```
#bf7100
```
#bf7100 rgb(191,113,0)
```
#d27d00
```
#d27d00 rgb(210,125,0)
```
#e68800
```
#e68800 rgb(230,136,0)
```
#f99400
```
#f99400 rgb(249,148,0)
```

Shade Color Variation

#ff9d0e
```
#ff9d0e rgb(255,157,14)
```
#ffa522
```
#ffa522 rgb(255,165,34)
```
#ffad35
```
#ffad35 rgb(255,173,53)
```
#ffb549
```
#ffb549 rgb(255,181,73)
```
#ffbd5c
```
#ffbd5c rgb(255,189,92)
```
#ffc570
```
#ffc570 rgb(255,197,112)
```
#ffcd84
```
#ffcd84 rgb(255,205,132)
```
#ffd597
```
#ffd597 rgb(255,213,151)
```
#ffddab
```
#ffddab rgb(255,221,171)
```
#ffe5bf
```
#ffe5bf rgb(255,229,191)
```
#ffedd2
```
#ffedd2 rgb(255,237,210)
```
#fff5e6
```
#fff5e6 rgb(255,245,230)
```
#fffdf9
```
#fffdf9 rgb(255,253,249)
```

Tint Color Variation

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

#90887d
```
#90887d rgb(144,136,125)
```
#998a74
```
#998a74 rgb(153,138,116)
```
#a28c6b
```
#a28c6b rgb(162,140,107)
```
#ac8d61
```
#ac8d61 rgb(172,141,97)
```
#b58f58
```
#b58f58 rgb(181,143,88)
```
#be914f
```
#be914f rgb(190,145,79)
```
#c79346
```
#c79346 rgb(199,147,70)
```
#d1943c
```
#d1943c rgb(209,148,60)
```
#da9633
```
#da9633 rgb(218,150,51)
```
#e3982a
```
#e3982a rgb(227,152,42)
```
#ec9a21
```
#ec9a21 rgb(236,154,33)
```
#f69b17
```
#f69b17 rgb(246,155,23)
```
#ff9d0e
```
#ff9d0e rgb(255,157,14)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#bba78b Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb721 Protanopia 1% of men
#e5ae00 Deuteranopia 1% of men
#ff9aa3 Tritanopia 0.001% of the population

Trichromacy

#dfae1a Protanomaly 1% of men, 0.01% of women
#eea805 Deuteranomaly 6% of men, 0.4% of women
#ff9b6d Tritanomaly 0.01% of the population

#ff9d0e hex color

#ff9d0e Color Information

#ff9d0e Color Conversion

Color Schemes with #ff9d0e

Alternatives to #ff9d0e

#ff9d0e Preview

Shades and Tints of #ff9d0e

Tones of #ff9d0e

Color Blindness Simulator