#f96d0f hex color

In a RGB color space, hex #f96d0f is composed of 97.6% red, 42.7% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.2% magenta, 94% yellow and 2.4% black. It has a hue angle of 24.1 degrees, a saturation of 95.1% and a lightness of 51.8%. #f96d0f color hex could be obtained by blending #ffda1e with #f30000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 98
- G 43
- B 6
RGB color chart
- C 0
- M 56
- Y 94
- K 2
CMYK color chart

● #f96d0f color description : Vivid orange.

The hexadecimal color #f96d0f has RGB values of R:249, G:109, B:15 and CMYK values of C:0, M:0.56, Y:0.94, K:0.02. Its decimal value is 16346383.

Hex triplet	f96d0f	`#f96d0f`
RGB Decimal	249, 109, 15	`rgb(249,109,15)`
RGB Percent	97.6, 42.7, 5.9	`rgb(97.6%,42.7%,5.9%)`
CMYK	0, 56, 94, 2
HSL	24.1°, 95.1, 51.8	`hsl(24.1,95.1%,51.8%)`
HSV (or HSB)	24.1°, 94, 97.6
Web Safe	ff6600	`#ff6600`

CIE-LAB	62.606, 49.792, 68.447
XYZ	44.624, 31.116, 4.108
xyY	0.559, 0.39, 31.116
CIE-LCH	62.606, 84.641, 53.966
CIE-LUV	62.606, 116.384, 54.055
Hunter-Lab	55.782, 45.176, 34.681
Binary	11111001, 01101101, 00001111

#f96d0f
```
#f96d0f rgb(249,109,15)
```
#0f9bf9
```
#0f9bf9 rgb(15,155,249)
```

Complementary Color

#f90f26
```
#f90f26 rgb(249,15,38)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```
#f9e20f
```
#f9e20f rgb(249,226,15)
```

Analogous Color

#0f26f9
```
#0f26f9 rgb(15,38,249)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```
#0ff9e2
```
#0ff9e2 rgb(15,249,226)
```

Split Complementary Color

#6d0ff9
```
#6d0ff9 rgb(109,15,249)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```
#0ff96d
```
#0ff96d rgb(15,249,109)
```

Triadic Color

#f90f9b
```
#f90f9b rgb(249,15,155)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```
#0ff96d
```
#0ff96d rgb(15,249,109)
```
#0f9bf9
```
#0f9bf9 rgb(15,155,249)
```

Tetradic Color

#b74c05
```
#b74c05 rgb(183,76,5)
```
#d05705
```
#d05705 rgb(208,87,5)
```
#e96106
```
#e96106 rgb(233,97,6)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```
#fa7c28
```
#fa7c28 rgb(250,124,40)
```
#fa8b41
```
#fa8b41 rgb(250,139,65)
```
#fb9a5a
```
#fb9a5a rgb(251,154,90)
```

Monochromatic Color

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

#f9320f
```
#f9320f rgb(249,50,15)
```
#f9460f
```
#f9460f rgb(249,70,15)
```
#f9590f
```
#f9590f rgb(249,89,15)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```
#f9810f
```
#f9810f rgb(249,129,15)
```
#f9940f
```
#f9940f rgb(249,148,15)
```
#f9a80f
```
#f9a80f rgb(249,168,15)
```

Similar Colors

Text with hexadecimal color #f96d0f

This text has a font color of #f96d0f.

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

#f96d0f background color

This paragraph has a background color of #f96d0f.

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

#f96d0f border color

This element has a border color of #f96d0f.

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

CSS codes

.text {color:#f96d0f;}

.background {background-color:#f96d0f;}

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

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, #090400 is the darkest color, while #fff9f5 is the lightest one.

#090400
```
#090400 rgb(9,4,0)
```
#1c0c01
```
#1c0c01 rgb(28,12,1)
```
#2f1401
```
#2f1401 rgb(47,20,1)
```
#421c02
```
#421c02 rgb(66,28,2)
```
#552402
```
#552402 rgb(85,36,2)
```
#682c03
```
#682c03 rgb(104,44,3)
```
#7c3403
```
#7c3403 rgb(124,52,3)
```
#8f3b04
```
#8f3b04 rgb(143,59,4)
```
#a24304
```
#a24304 rgb(162,67,4)
```
#b54b05
```
#b54b05 rgb(181,75,5)
```
#c85305
```
#c85305 rgb(200,83,5)
```
#db5b05
```
#db5b05 rgb(219,91,5)
```
#ee6306
```
#ee6306 rgb(238,99,6)
```

Shade Color Variation

#f96d0f
```
#f96d0f rgb(249,109,15)
```
#f97922
```
#f97922 rgb(249,121,34)
```
#fa8435
```
#fa8435 rgb(250,132,53)
```
#fa9048
```
#fa9048 rgb(250,144,72)
```
#fb9c5c
```
#fb9c5c rgb(251,156,92)
```
#fba76f
```
#fba76f rgb(251,167,111)
```
#fcb382
```
#fcb382 rgb(252,179,130)
```
#fcbe95
```
#fcbe95 rgb(252,190,149)
```
#fdcaa8
```
#fdcaa8 rgb(253,202,168)
```
#fdd6bb
```
#fdd6bb rgb(253,214,187)
```
#fee1ce
```
#fee1ce rgb(254,225,206)
```
#feede2
```
#feede2 rgb(254,237,226)
```
#fff9f5
```
#fff9f5 rgb(255,249,245)
```

Tint Color Variation

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

#878381
```
#878381 rgb(135,131,129)
```
#918177
```
#918177 rgb(145,129,119)
```
#9a806e
```
#9a806e rgb(154,128,110)
```
#a47e64
```
#a47e64 rgb(164,126,100)
```
#ad7c5b
```
#ad7c5b rgb(173,124,91)
```
#b77a51
```
#b77a51 rgb(183,122,81)
```
#c07848
```
#c07848 rgb(192,120,72)
```
#ca763e
```
#ca763e rgb(202,118,62)
```
#d37435
```
#d37435 rgb(211,116,53)
```
#dd732b
```
#dd732b rgb(221,115,43)
```
#e67122
```
#e67122 rgb(230,113,34)
```
#f06f18
```
#f06f18 rgb(240,111,24)
```
#f96d0f
```
#f96d0f rgb(249,109,15)
```

Tone Color Variation

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

#8c8c8c Achromatopsia 0.005% of the population
#a28673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#af9d26 Protanopia 1% of men
#c49500 Deuteranopia 1% of men
#fc6d73 Tritanopia 0.001% of the population

Trichromacy

#ca8b1e Protanomaly 1% of men, 0.01% of women
#d78605 Deuteranomaly 6% of men, 0.4% of women
#fa6d4f Tritanomaly 0.01% of the population

#f96d0f hex color

#f96d0f Color Information

#f96d0f Color Conversion

Color Schemes with #f96d0f

Alternatives to #f96d0f

#f96d0f Preview

Shades and Tints of #f96d0f

Tones of #f96d0f

Color Blindness Simulator