#f97f14 hex color

In a RGB color space, hex #f97f14 is composed of 97.6% red, 49.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49% magenta, 92% yellow and 2.4% black. It has a hue angle of 28 degrees, a saturation of 95% and a lightness of 52.7%. #f97f14 color hex could be obtained by blending #fffe28 with #f30000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 98
- G 50
- B 8
RGB color chart
- C 0
- M 49
- Y 92
- K 2
CMYK color chart

● #f97f14 color description : Vivid orange.

The hexadecimal color #f97f14 has RGB values of R:249, G:127, B:20 and CMYK values of C:0, M:0.49, Y:0.92, K:0.02. Its decimal value is 16350996.

Hex triplet	f97f14	`#f97f14`
RGB Decimal	249, 127, 20	`rgb(249,127,20)`
RGB Percent	97.6, 49.8, 7.8	`rgb(97.6%,49.8%,7.8%)`
CMYK	0, 49, 92, 2
HSL	28°, 95, 52.7	`hsl(28,95%,52.7%)`
HSV (or HSB)	28°, 92, 97.6
Web Safe	ff6600	`#ff6600`

CIE-LAB	66.038, 41.169, 69.702
XYZ	46.784, 35.373, 5.026
xyY	0.537, 0.406, 35.373
CIE-LCH	66.038, 80.952, 59.432
CIE-LUV	66.038, 101.323, 59.249
Hunter-Lab	59.476, 36.329, 36.623
Binary	11111001, 01111111, 00010100

#f97f14
```
#f97f14 rgb(249,127,20)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```

Complementary Color

#f9141b
```
#f9141b rgb(249,20,27)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```
#f9f214
```
#f9f214 rgb(249,242,20)
```

Analogous Color

#141bf9
```
#141bf9 rgb(20,27,249)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```
#14f9f2
```
#14f9f2 rgb(20,249,242)
```

Split Complementary Color

#7f14f9
```
#7f14f9 rgb(127,20,249)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```
#14f97f
```
#14f97f rgb(20,249,127)
```

Triadic Color

#f9148e
```
#f9148e rgb(249,20,142)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```
#14f97f
```
#14f97f rgb(20,249,127)
```
#148ef9
```
#148ef9 rgb(20,142,249)
```

Tetradic Color

#bc5a05
```
#bc5a05 rgb(188,90,5)
```
#d56605
```
#d56605 rgb(213,102,5)
```
#ed7206
```
#ed7206 rgb(237,114,6)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```
#fa8d2d
```
#fa8d2d rgb(250,141,45)
```
#fa9a46
```
#fa9a46 rgb(250,154,70)
```
#fba85f
```
#fba85f rgb(251,168,95)
```

Monochromatic Color

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

#f94614
```
#f94614 rgb(249,70,20)
```
#f95914
```
#f95914 rgb(249,89,20)
```
#f96c14
```
#f96c14 rgb(249,108,20)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```
#f99214
```
#f99214 rgb(249,146,20)
```
#f9a514
```
#f9a514 rgb(249,165,20)
```
#f9b814
```
#f9b814 rgb(249,184,20)
```

Similar Colors

Text with hexadecimal color #f97f14

This text has a font color of #f97f14.

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

#f97f14 background color

This paragraph has a background color of #f97f14.

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

#f97f14 border color

This element has a border color of #f97f14.

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

CSS codes

.text {color:#f97f14;}

.background {background-color:#f97f14;}

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

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

#0e0700
```
#0e0700 rgb(14,7,0)
```
#211001
```
#211001 rgb(33,16,1)
```
#341901
```
#341901 rgb(52,25,1)
```
#472202
```
#472202 rgb(71,34,2)
```
#5a2b02
```
#5a2b02 rgb(90,43,2)
```
#6d3503
```
#6d3503 rgb(109,53,3)
```
#803e03
```
#803e03 rgb(128,62,3)
```
#944704
```
#944704 rgb(148,71,4)
```
#a75004
```
#a75004 rgb(167,80,4)
```
#ba5905
```
#ba5905 rgb(186,89,5)
```
#cd6305
```
#cd6305 rgb(205,99,5)
```
#e06c06
```
#e06c06 rgb(224,108,6)
```
#f37506
```
#f37506 rgb(243,117,6)
```

Shade Color Variation

#f97f14
```
#f97f14 rgb(249,127,20)
```
#f98927
```
#f98927 rgb(249,137,39)
```
#fa943a
```
#fa943a rgb(250,148,58)
```
#fa9e4d
```
#fa9e4d rgb(250,158,77)
```
#fba961
```
#fba961 rgb(251,169,97)
```
#fbb374
```
#fbb374 rgb(251,179,116)
```
#fcbe87
```
#fcbe87 rgb(252,190,135)
```
#fcc89a
```
#fcc89a rgb(252,200,154)
```
#fdd2ad
```
#fdd2ad rgb(253,210,173)
```
#fdddc0
```
#fdddc0 rgb(253,221,192)
```
#fee7d3
```
#fee7d3 rgb(254,231,211)
```
#fef2e6
```
#fef2e6 rgb(254,242,230)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#8a8683
```
#8a8683 rgb(138,134,131)
```
#93867a
```
#93867a rgb(147,134,122)
```
#9c8571
```
#9c8571 rgb(156,133,113)
```
#a68467
```
#a68467 rgb(166,132,103)
```
#af845e
```
#af845e rgb(175,132,94)
```
#b88355
```
#b88355 rgb(184,131,85)
```
#c1834c
```
#c1834c rgb(193,131,76)
```
#cb8242
```
#cb8242 rgb(203,130,66)
```
#d48139
```
#d48139 rgb(212,129,57)
```
#dd8130
```
#dd8130 rgb(221,129,48)
```
#e68027
```
#e68027 rgb(230,128,39)
```
#f0801d
```
#f0801d rgb(240,128,29)
```
#f97f14
```
#f97f14 rgb(249,127,20)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#ab927d Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a528 Protanopia 1% of men
#cf9d00 Deuteranopia 1% of men
#fd7d84 Tritanopia 0.001% of the population

Trichromacy

#d09721 Protanomaly 1% of men, 0.01% of women
#de9207 Deuteranomaly 6% of men, 0.4% of women
#fb7d5b Tritanomaly 0.01% of the population

#f97f14 hex color

#f97f14 Color Information

#f97f14 Color Conversion

Color Schemes with #f97f14

Alternatives to #f97f14

#f97f14 Preview

Shades and Tints of #f97f14

Tones of #f97f14

Color Blindness Simulator