#ff9f1f hex color

In a RGB color space, hex #ff9f1f is composed of 100% red, 62.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.6% magenta, 87.8% yellow and 0% black. It has a hue angle of 34.3 degrees, a saturation of 100% and a lightness of 56.1%. #ff9f1f color hex could be obtained by blending #ffff3e with #ff3f00. Closest websafe color is: #ff9933.

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

● #ff9f1f color description : Vivid orange.

The hexadecimal color #ff9f1f has RGB values of R:255, G:159, B:31 and CMYK values of C:0, M:0.38, Y:0.88, K:0. Its decimal value is 16752415.

Hex triplet	ff9f1f	`#ff9f1f`
RGB Decimal	255, 159, 31	`rgb(255,159,31)`
RGB Percent	100, 62.4, 12.2	`rgb(100%,62.4%,12.2%)`
CMYK	0, 38, 88, 0
HSL	34.3°, 100, 56.1	`hsl(34.3,100%,56.1%)`
HSV (or HSB)	34.3°, 87.8, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.649, 27.41, 73.066
XYZ	53.887, 46.159, 7.368
xyY	0.502, 0.43, 46.159
CIE-LCH	73.649, 78.038, 69.437
CIE-LUV	73.649, 79.163, 69.247
Hunter-Lab	67.941, 22.681, 41.129
Binary	11111111, 10011111, 00011111

#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#1f7fff
```
#1f7fff rgb(31,127,255)
```

Complementary Color

#ff2f1f
```
#ff2f1f rgb(255,47,31)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#efff1f
```
#efff1f rgb(239,255,31)
```

Analogous Color

#2f1fff
```
#2f1fff rgb(47,31,255)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#1fefff
```
#1fefff rgb(31,239,255)
```

Split Complementary Color

#9f1fff
```
#9f1fff rgb(159,31,255)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#1fff9f
```
#1fff9f rgb(31,255,159)
```

Triadic Color

#ff1f7f
```
#ff1f7f rgb(255,31,127)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#1fff9f
```
#1fff9f rgb(31,255,159)
```
#1f7fff
```
#1f7fff rgb(31,127,255)
```

Tetradic Color

#d27800
```
#d27800 rgb(210,120,0)
```
#eb8600
```
#eb8600 rgb(235,134,0)
```
#ff9405
```
#ff9405 rgb(255,148,5)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#ffaa39
```
#ffaa39 rgb(255,170,57)
```
#ffb552
```
#ffb552 rgb(255,181,82)
```
#ffc06c
```
#ffc06c rgb(255,192,108)
```

Monochromatic Color

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

#ff671f
```
#ff671f rgb(255,103,31)
```
#ff7a1f
```
#ff7a1f rgb(255,122,31)
```
#ff8c1f
```
#ff8c1f rgb(255,140,31)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#ffb21f
```
#ffb21f rgb(255,178,31)
```
#ffc41f
```
#ffc41f rgb(255,196,31)
```
#ffd71f
```
#ffd71f rgb(255,215,31)
```

Similar Colors

Text with hexadecimal color #ff9f1f

This text has a font color of #ff9f1f.

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

#ff9f1f background color

This paragraph has a background color of #ff9f1f.

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

#ff9f1f border color

This element has a border color of #ff9f1f.

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

CSS codes

.text {color:#ff9f1f;}

.background {background-color:#ff9f1f;}

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

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

#0b0700
```
#0b0700 rgb(11,7,0)
```
#1f1200
```
#1f1200 rgb(31,18,0)
```
#331d00
```
#331d00 rgb(51,29,0)
```
#462800
```
#462800 rgb(70,40,0)
```
#5a3300
```
#5a3300 rgb(90,51,0)
```
#6d3f00
```
#6d3f00 rgb(109,63,0)
```
#814a00
```
#814a00 rgb(129,74,0)
```
#955500
```
#955500 rgb(149,85,0)
```
#a86000
```
#a86000 rgb(168,96,0)
```
#bc6b00
```
#bc6b00 rgb(188,107,0)
```
#d07700
```
#d07700 rgb(208,119,0)
```
#e38200
```
#e38200 rgb(227,130,0)
```
#f78d00
```
#f78d00 rgb(247,141,0)
```

Shade Color Variation

#ff970b
```
#ff970b rgb(255,151,11)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```
#ffa733
```
#ffa733 rgb(255,167,51)
```
#ffb046
```
#ffb046 rgb(255,176,70)
```
#ffb85a
```
#ffb85a rgb(255,184,90)
```
#ffc16d
```
#ffc16d rgb(255,193,109)
```
#ffc981
```
#ffc981 rgb(255,201,129)
```
#ffd195
```
#ffd195 rgb(255,209,149)
```
#ffdaa8
```
#ffdaa8 rgb(255,218,168)
```
#ffe2bc
```
#ffe2bc rgb(255,226,188)
```
#ffebd0
```
#ffebd0 rgb(255,235,208)
```
#fff3e3
```
#fff3e3 rgb(255,243,227)
```
#fffbf7
```
#fffbf7 rgb(255,251,247)
```

Tint Color Variation

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

#989086
```
#989086 rgb(152,144,134)
```
#a0917e
```
#a0917e rgb(160,145,126)
```
#a99375
```
#a99375 rgb(169,147,117)
```
#b1946d
```
#b1946d rgb(177,148,109)
```
#ba9564
```
#ba9564 rgb(186,149,100)
```
#c3965b
```
#c3965b rgb(195,150,91)
```
#cb9853
```
#cb9853 rgb(203,152,83)
```
#d4994a
```
#d4994a rgb(212,153,74)
```
#dd9a41
```
#dd9a41 rgb(221,154,65)
```
#e59b39
```
#e59b39 rgb(229,155,57)
```
#ee9d30
```
#ee9d30 rgb(238,157,48)
```
#f69e28
```
#f69e28 rgb(246,158,40)
```
#ff9f1f
```
#ff9f1f rgb(255,159,31)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#bdaa91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb930 Protanopia 1% of men
#e6af21 Deuteranopia 1% of men
#ff9ca5 Tritanopia 0.001% of the population

Trichromacy

#e0af2a Protanomaly 1% of men, 0.01% of women
#efa920 Deuteranomaly 6% of men, 0.4% of women
#ff9d74 Tritanomaly 0.01% of the population

#ff9f1f hex color

#ff9f1f Color Information

#ff9f1f Color Conversion

Color Schemes with #ff9f1f

Alternatives to #ff9f1f

#ff9f1f Preview

Shades and Tints of #ff9f1f

Tones of #ff9f1f

Color Blindness Simulator