#ff9400 hex color

In a RGB color space, hex #ff9400 is composed of 100% red, 58% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42% magenta, 100% yellow and 0% black. It has a hue angle of 34.8 degrees, a saturation of 100% and a lightness of 50%. #ff9400 color hex could be obtained by blending #ffff00 with #ff2900. 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

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

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

Hex triplet	ff9400	`#ff9400`
RGB Decimal	255, 148, 0	`rgb(255,148,0)`
RGB Percent	100, 58, 0	`rgb(100%,58%,0%)`
CMYK	0, 42, 100, 0
HSL	34.8°, 100, 50	`hsl(34.8,100%,50%)`
HSV (or HSB)	34.8°, 100, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.176, 32.738, 76.538
XYZ	51.832, 42.444, 5.463
xyY	0.52, 0.426, 42.444
CIE-LCH	71.176, 83.246, 66.842
CIE-LUV	71.176, 89.096, 68.096
Hunter-Lab	65.149, 28.001, 40.633
Binary	11111111, 10010100, 00000000

#ff9400
```
#ff9400 rgb(255,148,0)
```
#006bff
```
#006bff rgb(0,107,255)
```

Complementary Color

#ff1500
```
#ff1500 rgb(255,21,0)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```
#ebff00
```
#ebff00 rgb(235,255,0)
```

Analogous Color

#1400ff
```
#1400ff rgb(20,0,255)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```
#00ebff
```
#00ebff rgb(0,235,255)
```

Split Complementary Color

#9400ff
```
#9400ff rgb(148,0,255)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```
#00ff94
```
#00ff94 rgb(0,255,148)
```

Triadic Color

#ff006b
```
#ff006b rgb(255,0,107)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```
#00ff94
```
#00ff94 rgb(0,255,148)
```
#006bff
```
#006bff rgb(0,107,255)
```

Tetradic Color

#b36800
```
#b36800 rgb(179,104,0)
```
#cc7600
```
#cc7600 rgb(204,118,0)
```
#e68500
```
#e68500 rgb(230,133,0)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```
#ff9f1a
```
#ff9f1a rgb(255,159,26)
```
#ffa933
```
#ffa933 rgb(255,169,51)
```
#ffb44d
```
#ffb44d rgb(255,180,77)
```

Monochromatic Color

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

#ff5400
```
#ff5400 rgb(255,84,0)
```
#ff6a00
```
#ff6a00 rgb(255,106,0)
```
#ff7f00
```
#ff7f00 rgb(255,127,0)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```
#ffa900
```
#ffa900 rgb(255,169,0)
```
#ffbf00
```
#ffbf00 rgb(255,191,0)
```
#ffd400
```
#ffd400 rgb(255,212,0)
```

Similar Colors

Text with hexadecimal color #ff9400

This text has a font color of #ff9400.

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

#ff9400 background color

This paragraph has a background color of #ff9400.

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

#ff9400 border color

This element has a border color of #ff9400.

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

CSS codes

.text {color:#ff9400;}

.background {background-color:#ff9400;}

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

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)
```
#764400
```
#764400 rgb(118,68,0)
```
#895000
```
#895000 rgb(137,80,0)
```
#9d5b00
```
#9d5b00 rgb(157,91,0)
```
#b16600
```
#b16600 rgb(177,102,0)
```
#c47200
```
#c47200 rgb(196,114,0)
```
#d87d00
```
#d87d00 rgb(216,125,0)
```
#eb8900
```
#eb8900 rgb(235,137,0)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```

Shade Color Variation

#ff9c14
```
#ff9c14 rgb(255,156,20)
```
#ffa427
```
#ffa427 rgb(255,164,39)
```
#ffad3b
```
#ffad3b rgb(255,173,59)
```
#ffb54e
```
#ffb54e rgb(255,181,78)
```
#ffbd62
```
#ffbd62 rgb(255,189,98)
```
#ffc576
```
#ffc576 rgb(255,197,118)
```
#ffce89
```
#ffce89 rgb(255,206,137)
```
#ffd69d
```
#ffd69d rgb(255,214,157)
```
#ffdeb1
```
#ffdeb1 rgb(255,222,177)
```
#ffe6c4
```
#ffe6c4 rgb(255,230,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 #ff9400 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)
```
#b1874e
```
#b1874e rgb(177,135,78)
```
#ba8945
```
#ba8945 rgb(186,137,69)
```
#c48b3b
```
#c48b3b rgb(196,139,59)
```
#ce8c31
```
#ce8c31 rgb(206,140,49)
```
#d88e27
```
#d88e27 rgb(216,142,39)
```
#e28f1d
```
#e28f1d rgb(226,143,29)
```
#eb9114
```
#eb9114 rgb(235,145,20)
```
#f5920a
```
#f5920a rgb(245,146,10)
```
#ff9400
```
#ff9400 rgb(255,148,0)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b5a082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b217 Protanopia 1% of men
#dfa900 Deuteranopia 1% of men
#ff929b Tritanopia 0.001% of the population

Trichromacy

#dca70e Protanomaly 1% of men, 0.01% of women
#eaa100 Deuteranomaly 6% of men, 0.4% of women
#ff9362 Tritanomaly 0.01% of the population

#ff9400 hex color

#ff9400 Color Information

#ff9400 Color Conversion

Color Schemes with #ff9400

Alternatives to #ff9400

#ff9400 Preview

Shades and Tints of #ff9400

Tones of #ff9400

Color Blindness Simulator