#ff9500 hex color

In a RGB color space, hex #ff9500 is composed of 100% red, 58.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.6% magenta, 100% yellow and 0% black. It has a hue angle of 35.1 degrees, a saturation of 100% and a lightness of 50%. #ff9500 color hex could be obtained by blending #ffff00 with #ff2b00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 100
- G 58
- B 0
RGB color chart
- C 0
- M 42
- Y 100
- K 0
CMYK color chart

● #ff9500 color description : Pure (or mostly pure) orange.

The hexadecimal color #ff9500 has RGB values of R:255, G:149, B:0 and CMYK values of C:0, M:0.42, Y:1, K:0. Its decimal value is 16749824.

Hex triplet	ff9500	`#ff9500`
RGB Decimal	255, 149, 0	`rgb(255,149,0)`
RGB Percent	100, 58.4, 0	`rgb(100%,58.4%,0%)`
CMYK	0, 42, 100, 0
HSL	35.1°, 100, 50	`hsl(35.1,100%,50%)`
HSV (or HSB)	35.1°, 100, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.391, 32.224, 76.673
XYZ	51.989, 42.759, 5.516
xyY	0.519, 0.426, 42.759
CIE-LCH	71.391, 83.17, 67.204
CIE-LUV	71.391, 88.25, 68.437
Hunter-Lab	65.391, 27.484, 40.772
Binary	11111111, 10010101, 00000000

#ff9500
```
#ff9500 rgb(255,149,0)
```
#006aff
```
#006aff rgb(0,106,255)
```

Complementary Color

#ff1600
```
#ff1600 rgb(255,22,0)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#eaff00
```
#eaff00 rgb(234,255,0)
```

Analogous Color

#1500ff
```
#1500ff rgb(21,0,255)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#00eaff
```
#00eaff rgb(0,234,255)
```

Split Complementary Color

#9500ff
```
#9500ff rgb(149,0,255)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#00ff95
```
#00ff95 rgb(0,255,149)
```

Triadic Color

#ff006a
```
#ff006a rgb(255,0,106)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#00ff95
```
#00ff95 rgb(0,255,149)
```
#006aff
```
#006aff rgb(0,106,255)
```

Tetradic Color

#b36800
```
#b36800 rgb(179,104,0)
```
#cc7700
```
#cc7700 rgb(204,119,0)
```
#e68600
```
#e68600 rgb(230,134,0)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#ffa01a
```
#ffa01a rgb(255,160,26)
```
#ffaa33
```
#ffaa33 rgb(255,170,51)
```
#ffb54d
```
#ffb54d rgb(255,181,77)
```

Monochromatic Color

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

#ff5500
```
#ff5500 rgb(255,85,0)
```
#ff6b00
```
#ff6b00 rgb(255,107,0)
```
#ff8000
```
#ff8000 rgb(255,128,0)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```
#ffaa00
```
#ffaa00 rgb(255,170,0)
```
#ffc000
```
#ffc000 rgb(255,192,0)
```
#ffd500
```
#ffd500 rgb(255,213,0)
```

Similar Colors

Text with hexadecimal color #ff9500

This text has a font color of #ff9500.

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

#ff9500 background color

This paragraph has a background color of #ff9500.

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

#ff9500 border color

This element has a border color of #ff9500.

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

CSS codes

.text {color:#ff9500;}

.background {background-color:#ff9500;}

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

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, #140b00 is the darkest color, while #ffffff is the lightest one.

#140b00
```
#140b00 rgb(20,11,0)
```
#271700
```
#271700 rgb(39,23,0)
```
#3b2200
```
#3b2200 rgb(59,34,0)
```
#4e2e00
```
#4e2e00 rgb(78,46,0)
```
#623900
```
#623900 rgb(98,57,0)
```
#764500
```
#764500 rgb(118,69,0)
```
#895000
```
#895000 rgb(137,80,0)
```
#9d5c00
```
#9d5c00 rgb(157,92,0)
```
#b16700
```
#b16700 rgb(177,103,0)
```
#c47300
```
#c47300 rgb(196,115,0)
```
#d87e00
```
#d87e00 rgb(216,126,0)
```
#eb8a00
```
#eb8a00 rgb(235,138,0)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```

Shade Color Variation

#ff9d14
```
#ff9d14 rgb(255,157,20)
```
#ffa527
```
#ffa527 rgb(255,165,39)
```
#ffad3b
```
#ffad3b rgb(255,173,59)
```
#ffb64e
```
#ffb64e rgb(255,182,78)
```
#ffbe62
```
#ffbe62 rgb(255,190,98)
```
#ffc676
```
#ffc676 rgb(255,198,118)
```
#ffce89
```
#ffce89 rgb(255,206,137)
```
#ffd69d
```
#ffd69d rgb(255,214,157)
```
#ffdeb1
```
#ffdeb1 rgb(255,222,177)
```
#ffe7c4
```
#ffe7c4 rgb(255,231,196)
```
#ffefd8
```
#ffefd8 rgb(255,239,216)
```
#fff7eb
```
#fff7eb rgb(255,247,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#898176
```
#898176 rgb(137,129,118)
```
#93836c
```
#93836c rgb(147,131,108)
```
#9d8462
```
#9d8462 rgb(157,132,98)
```
#a78658
```
#a78658 rgb(167,134,88)
```
#b1884e
```
#b1884e rgb(177,136,78)
```
#ba8945
```
#ba8945 rgb(186,137,69)
```
#c48b3b
```
#c48b3b rgb(196,139,59)
```
#ce8d31
```
#ce8d31 rgb(206,141,49)
```
#d88e27
```
#d88e27 rgb(216,142,39)
```
#e2901d
```
#e2901d rgb(226,144,29)
```
#eb9214
```
#eb9214 rgb(235,146,20)
```
#f5930a
```
#f5930a rgb(245,147,10)
```
#ff9500
```
#ff9500 rgb(255,149,0)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b6a183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b316 Protanopia 1% of men
#dfaa00 Deuteranopia 1% of men
#ff939c Tritanopia 0.001% of the population

Trichromacy

#dca80e Protanomaly 1% of men, 0.01% of women
#eba200 Deuteranomaly 6% of men, 0.4% of women
#ff9463 Tritanomaly 0.01% of the population

#ff9500 hex color

#ff9500 Color Information

#ff9500 Color Conversion

Color Schemes with #ff9500

Alternatives to #ff9500

#ff9500 Preview

Shades and Tints of #ff9500

Tones of #ff9500

Color Blindness Simulator