#ff9700 hex color

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

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

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

The hexadecimal color #ff9700 has RGB values of R:255, G:151, B:0 and CMYK values of C:0, M:0.41, Y:1, K:0. Its decimal value is 16750336.

Hex triplet	ff9700	`#ff9700`
RGB Decimal	255, 151, 0	`rgb(255,151,0)`
RGB Percent	100, 59.2, 0	`rgb(100%,59.2%,0%)`
CMYK	0, 41, 100, 0
HSL	35.5°, 100, 50	`hsl(35.5,100%,50%)`
HSV (or HSB)	35.5°, 100, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.824, 31.194, 76.947
XYZ	52.308, 43.398, 5.622
xyY	0.516, 0.428, 43.398
CIE-LCH	71.824, 83.029, 67.932
CIE-LUV	71.824, 86.562, 69.122
Hunter-Lab	65.877, 26.451, 41.054
Binary	11111111, 10010111, 00000000

#ff9700
```
#ff9700 rgb(255,151,0)
```
#0068ff
```
#0068ff rgb(0,104,255)
```

Complementary Color

#ff1800
```
#ff1800 rgb(255,24,0)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```
#e8ff00
```
#e8ff00 rgb(232,255,0)
```

Analogous Color

#1700ff
```
#1700ff rgb(23,0,255)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```
#00e8ff
```
#00e8ff rgb(0,232,255)
```

Split Complementary Color

#9700ff
```
#9700ff rgb(151,0,255)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```
#00ff97
```
#00ff97 rgb(0,255,151)
```

Triadic Color

#ff0068
```
#ff0068 rgb(255,0,104)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```
#00ff97
```
#00ff97 rgb(0,255,151)
```
#0068ff
```
#0068ff rgb(0,104,255)
```

Tetradic Color

#b36a00
```
#b36a00 rgb(179,106,0)
```
#cc7900
```
#cc7900 rgb(204,121,0)
```
#e68800
```
#e68800 rgb(230,136,0)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```
#ffa11a
```
#ffa11a rgb(255,161,26)
```
#ffac33
```
#ffac33 rgb(255,172,51)
```
#ffb64d
```
#ffb64d rgb(255,182,77)
```

Monochromatic Color

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

#ff5700
```
#ff5700 rgb(255,87,0)
```
#ff6d00
```
#ff6d00 rgb(255,109,0)
```
#ff8200
```
#ff8200 rgb(255,130,0)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```
#ffac00
```
#ffac00 rgb(255,172,0)
```
#ffc200
```
#ffc200 rgb(255,194,0)
```
#ffd700
```
#ffd700 rgb(255,215,0)
```

Similar Colors

Text with hexadecimal color #ff9700

This text has a font color of #ff9700.

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

#ff9700 background color

This paragraph has a background color of #ff9700.

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

#ff9700 border color

This element has a border color of #ff9700.

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

CSS codes

.text {color:#ff9700;}

.background {background-color:#ff9700;}

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

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

#140c00
```
#140c00 rgb(20,12,0)
```
#271700
```
#271700 rgb(39,23,0)
```
#3b2300
```
#3b2300 rgb(59,35,0)
```
#4e2e00
```
#4e2e00 rgb(78,46,0)
```
#623a00
```
#623a00 rgb(98,58,0)
```
#764600
```
#764600 rgb(118,70,0)
```
#895100
```
#895100 rgb(137,81,0)
```
#9d5d00
```
#9d5d00 rgb(157,93,0)
```
#b16900
```
#b16900 rgb(177,105,0)
```
#c47400
```
#c47400 rgb(196,116,0)
```
#d88000
```
#d88000 rgb(216,128,0)
```
#eb8b00
```
#eb8b00 rgb(235,139,0)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```

Shade Color Variation

#ff9f14
```
#ff9f14 rgb(255,159,20)
```
#ffa727
```
#ffa727 rgb(255,167,39)
```
#ffaf3b
```
#ffaf3b rgb(255,175,59)
```
#ffb74e
```
#ffb74e rgb(255,183,78)
```
#ffbf62
```
#ffbf62 rgb(255,191,98)
```
#ffc776
```
#ffc776 rgb(255,199,118)
```
#ffcf89
```
#ffcf89 rgb(255,207,137)
```
#ffd79d
```
#ffd79d rgb(255,215,157)
```
#ffdfb1
```
#ffdfb1 rgb(255,223,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 #ff9700 is the most saturated one.

#898176
```
#898176 rgb(137,129,118)
```
#93836c
```
#93836c rgb(147,131,108)
```
#9d8562
```
#9d8562 rgb(157,133,98)
```
#a78758
```
#a78758 rgb(167,135,88)
```
#b1894e
```
#b1894e rgb(177,137,78)
```
#ba8a45
```
#ba8a45 rgb(186,138,69)
```
#c48c3b
```
#c48c3b rgb(196,140,59)
```
#ce8e31
```
#ce8e31 rgb(206,142,49)
```
#d89027
```
#d89027 rgb(216,144,39)
```
#e2921d
```
#e2921d rgb(226,146,29)
```
#eb9314
```
#eb9314 rgb(235,147,20)
```
#f5950a
```
#f5950a rgb(245,149,10)
```
#ff9700
```
#ff9700 rgb(255,151,0)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b7a284 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab416 Protanopia 1% of men
#e1ab00 Deuteranopia 1% of men
#ff959d Tritanopia 0.001% of the population

Trichromacy

#dda90e Protanomaly 1% of men, 0.01% of women
#eca400 Deuteranomaly 6% of men, 0.4% of women
#ff9664 Tritanomaly 0.01% of the population

#ff9700 hex color

#ff9700 Color Information

#ff9700 Color Conversion

Color Schemes with #ff9700

Alternatives to #ff9700

#ff9700 Preview

Shades and Tints of #ff9700

Tones of #ff9700

Color Blindness Simulator