#ff970e hex color

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

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

● #ff970e color description : Vivid orange.

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

Hex triplet	ff970e	`#ff970e`
RGB Decimal	255, 151, 14	`rgb(255,151,14)`
RGB Percent	100, 59.2, 5.5	`rgb(100%,59.2%,5.5%)`
CMYK	0, 41, 95, 0
HSL	34.1°, 100, 52.7	`hsl(34.1,100%,52.7%)`
HSV (or HSB)	34.1°, 94.5, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.845, 31.309, 75.184
XYZ	52.388, 43.429, 6.039
xyY	0.514, 0.426, 43.429
CIE-LCH	71.845, 81.443, 67.392
CIE-LUV	71.845, 86.318, 68.244
Hunter-Lab	65.901, 26.571, 40.697
Binary	11111111, 10010111, 00001110

#ff970e
```
#ff970e rgb(255,151,14)
```
#0e76ff
```
#0e76ff rgb(14,118,255)
```

Complementary Color

#ff1f0e
```
#ff1f0e rgb(255,31,14)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#efff0e
```
#efff0e rgb(239,255,14)
```

Analogous Color

#1f0eff
```
#1f0eff rgb(31,14,255)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#0eefff
```
#0eefff rgb(14,239,255)
```

Split Complementary Color

#970eff
```
#970eff rgb(151,14,255)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#0eff97
```
#0eff97 rgb(14,255,151)
```

Triadic Color

#ff0e76
```
#ff0e76 rgb(255,14,118)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#0eff97
```
#0eff97 rgb(14,255,151)
```
#0e76ff
```
#0e76ff rgb(14,118,255)
```

Tetradic Color

#c16d00
```
#c16d00 rgb(193,109,0)
```
#da7c00
```
#da7c00 rgb(218,124,0)
```
#f48a00
```
#f48a00 rgb(244,138,0)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#ffa228
```
#ffa228 rgb(255,162,40)
```
#ffad41
```
#ffad41 rgb(255,173,65)
```
#ffb85b
```
#ffb85b rgb(255,184,91)
```

Monochromatic Color

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

#ff5b0e
```
#ff5b0e rgb(255,91,14)
```
#ff6f0e
```
#ff6f0e rgb(255,111,14)
```
#ff830e
```
#ff830e rgb(255,131,14)
```
#ff970e
```
#ff970e rgb(255,151,14)
```
#ffab0e
```
#ffab0e rgb(255,171,14)
```
#ffbf0e
```
#ffbf0e rgb(255,191,14)
```
#ffd30e
```
#ffd30e rgb(255,211,14)
```

Similar Colors

Text with hexadecimal color #ff970e

This text has a font color of #ff970e.

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

#ff970e background color

This paragraph has a background color of #ff970e.

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

#ff970e border color

This element has a border color of #ff970e.

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

CSS codes

.text {color:#ff970e;}

.background {background-color:#ff970e;}

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

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)
```
#221300
```
#221300 rgb(34,19,0)
```
#351e00
```
#351e00 rgb(53,30,0)
```
#492900
```
#492900 rgb(73,41,0)
```
#5c3500
```
#5c3500 rgb(92,53,0)
```
#704000
```
#704000 rgb(112,64,0)
```
#844b00
```
#844b00 rgb(132,75,0)
```
#975600
```
#975600 rgb(151,86,0)
```
#ab6100
```
#ab6100 rgb(171,97,0)
```
#bf6c00
```
#bf6c00 rgb(191,108,0)
```
#d27700
```
#d27700 rgb(210,119,0)
```
#e68300
```
#e68300 rgb(230,131,0)
```
#f98e00
```
#f98e00 rgb(249,142,0)
```

Shade Color Variation

#ff970e
```
#ff970e rgb(255,151,14)
```
#ff9f22
```
#ff9f22 rgb(255,159,34)
```
#ffa835
```
#ffa835 rgb(255,168,53)
```
#ffb049
```
#ffb049 rgb(255,176,73)
```
#ffb95c
```
#ffb95c rgb(255,185,92)
```
#ffc170
```
#ffc170 rgb(255,193,112)
```
#ffca84
```
#ffca84 rgb(255,202,132)
```
#ffd297
```
#ffd297 rgb(255,210,151)
```
#ffdbab
```
#ffdbab rgb(255,219,171)
```
#ffe3bf
```
#ffe3bf rgb(255,227,191)
```
#ffecd2
```
#ffecd2 rgb(255,236,210)
```
#fff4e6
```
#fff4e6 rgb(255,244,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 #ff970e is the most saturated one.

#90887d
```
#90887d rgb(144,136,125)
```
#998974
```
#998974 rgb(153,137,116)
```
#a28a6b
```
#a28a6b rgb(162,138,107)
```
#ac8c61
```
#ac8c61 rgb(172,140,97)
```
#b58d58
```
#b58d58 rgb(181,141,88)
```
#be8e4f
```
#be8e4f rgb(190,142,79)
```
#c78f46
```
#c78f46 rgb(199,143,70)
```
#d1913c
```
#d1913c rgb(209,145,60)
```
#da9233
```
#da9233 rgb(218,146,51)
```
#e3932a
```
#e3932a rgb(227,147,42)
```
#ec9421
```
#ec9421 rgb(236,148,33)
```
#f69617
```
#f69617 rgb(246,150,23)
```
#ff970e
```
#ff970e rgb(255,151,14)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b8a388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b422 Protanopia 1% of men
#e1ab00 Deuteranopia 1% of men
#ff959e Tritanopia 0.001% of the population

Trichromacy

#dda91a Protanomaly 1% of men, 0.01% of women
#eca405 Deuteranomaly 6% of men, 0.4% of women
#ff9669 Tritanomaly 0.01% of the population

#ff970e hex color

#ff970e Color Information

#ff970e Color Conversion

Color Schemes with #ff970e

Alternatives to #ff970e

#ff970e Preview

Shades and Tints of #ff970e

Tones of #ff970e

Color Blindness Simulator