#f9480c hex color

In a RGB color space, hex #f9480c is composed of 97.6% red, 28.2% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.1% magenta, 95.2% yellow and 2.4% black. It has a hue angle of 15.2 degrees, a saturation of 95.2% and a lightness of 51.2%. #f9480c color hex could be obtained by blending #ff9018 with #f30000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 98
- G 28
- B 5
RGB color chart
- C 0
- M 71
- Y 95
- K 2
CMYK color chart

● #f9480c color description : Vivid orange.

The hexadecimal color #f9480c has RGB values of R:249, G:72, B:12 and CMYK values of C:0, M:0.71, Y:0.95, K:0.02. Its decimal value is 16336908.

Hex triplet	f9480c	`#f9480c`
RGB Decimal	249, 72, 12	`rgb(249,72,12)`
RGB Percent	97.6, 28.2, 4.7	`rgb(97.6%,28.2%,4.7%)`
CMYK	0, 71, 95, 2
HSL	15.2°, 95.2, 51.2	`hsl(15.2,95.2%,51.2%)`
HSV (or HSB)	15.2°, 95.2, 97.6
Web Safe	ff3300	`#ff3300`

CIE-LAB	56.886, 65.013, 65.575
XYZ	41.453, 24.806, 2.953
xyY	0.599, 0.358, 24.806
CIE-LCH	56.886, 92.34, 45.246
CIE-LUV	56.886, 143.986, 44.517
Hunter-Lab	49.806, 61.404, 31.348
Binary	11111001, 01001000, 00001100

#f9480c
```
#f9480c rgb(249,72,12)
```
#0cbdf9
```
#0cbdf9 rgb(12,189,249)
```

Complementary Color

#f90c47
```
#f90c47 rgb(249,12,71)
```
#f9480c
```
#f9480c rgb(249,72,12)
```
#f9bf0c
```
#f9bf0c rgb(249,191,12)
```

Analogous Color

#0c47f9
```
#0c47f9 rgb(12,71,249)
```
#f9480c
```
#f9480c rgb(249,72,12)
```
#0cf9bf
```
#0cf9bf rgb(12,249,191)
```

Split Complementary Color

#480cf9
```
#480cf9 rgb(72,12,249)
```
#f9480c
```
#f9480c rgb(249,72,12)
```
#0cf948
```
#0cf948 rgb(12,249,72)
```

Triadic Color

#f90cbd
```
#f90cbd rgb(249,12,189)
```
#f9480c
```
#f9480c rgb(249,72,12)
```
#0cf948
```
#0cf948 rgb(12,249,72)
```
#0cbdf9
```
#0cbdf9 rgb(12,189,249)
```

Tetradic Color

#b43104
```
#b43104 rgb(180,49,4)
```
#cd3805
```
#cd3805 rgb(205,56,5)
```
#e63e06
```
#e63e06 rgb(230,62,6)
```
#f9480c
```
#f9480c rgb(249,72,12)
```
#fa5b25
```
#fa5b25 rgb(250,91,37)
```
#fa6d3e
```
#fa6d3e rgb(250,109,62)
```
#fb8057
```
#fb8057 rgb(251,128,87)
```

Monochromatic Color

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

#f90d0c
```
#f90d0c rgb(249,13,12)
```
#f9200c
```
#f9200c rgb(249,32,12)
```
#f9340c
```
#f9340c rgb(249,52,12)
```
#f9480c
```
#f9480c rgb(249,72,12)
```
#f95c0c
```
#f95c0c rgb(249,92,12)
```
#f9700c
```
#f9700c rgb(249,112,12)
```
#f9830c
```
#f9830c rgb(249,131,12)
```

Similar Colors

Text with hexadecimal color #f9480c

This text has a font color of #f9480c.

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

#f9480c background color

This paragraph has a background color of #f9480c.

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

#f9480c border color

This element has a border color of #f9480c.

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

CSS codes

.text {color:#f9480c;}

.background {background-color:#f9480c;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#190701
```
#190701 rgb(25,7,1)
```
#2c0c01
```
#2c0c01 rgb(44,12,1)
```
#3f1102
```
#3f1102 rgb(63,17,2)
```
#521602
```
#521602 rgb(82,22,2)
```
#661c03
```
#661c03 rgb(102,28,3)
```
#792103
```
#792103 rgb(121,33,3)
```
#8c2603
```
#8c2603 rgb(140,38,3)
```
#9f2b04
```
#9f2b04 rgb(159,43,4)
```
#b23004
```
#b23004 rgb(178,48,4)
```
#c53605
```
#c53605 rgb(197,54,5)
```
#d83b05
```
#d83b05 rgb(216,59,5)
```
#ec4006
```
#ec4006 rgb(236,64,6)
```

Shade Color Variation

#f9480c
```
#f9480c rgb(249,72,12)
```
#f9561f
```
#f9561f rgb(249,86,31)
```
#fa6532
```
#fa6532 rgb(250,101,50)
```
#fa7345
```
#fa7345 rgb(250,115,69)
```
#fb8259
```
#fb8259 rgb(251,130,89)
```
#fb906c
```
#fb906c rgb(251,144,108)
```
#fc9e7f
```
#fc9e7f rgb(252,158,127)
```
#fcad92
```
#fcad92 rgb(252,173,146)
```
#fdbba5
```
#fdbba5 rgb(253,187,165)
```
#fdcab8
```
#fdcab8 rgb(253,202,184)
```
#fed8cb
```
#fed8cb rgb(254,216,203)
```
#fee7df
```
#fee7df rgb(254,231,223)
```
#fff5f2
```
#fff5f2 rgb(255,245,242)
```

Tint Color Variation

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

#86817f
```
#86817f rgb(134,129,127)
```
#907c75
```
#907c75 rgb(144,124,117)
```
#99776c
```
#99776c rgb(153,119,108)
```
#a37362
```
#a37362 rgb(163,115,98)
```
#ac6e59
```
#ac6e59 rgb(172,110,89)
```
#b6694f
```
#b6694f rgb(182,105,79)
```
#c06445
```
#c06445 rgb(192,100,69)
```
#c9603c
```
#c9603c rgb(201,96,60)
```
#d35b32
```
#d35b32 rgb(211,91,50)
```
#dc5629
```
#dc5629 rgb(220,86,41)
```
#e6511f
```
#e6511f rgb(230,81,31)
```
#ef4d16
```
#ef4d16 rgb(239,77,22)
```
#f9480c
```
#f9480c rgb(249,72,12)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#906d61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f8e28 Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#fa4c4f Tritanopia 0.001% of the population

Trichromacy

#c0751d Protanomaly 1% of men, 0.01% of women
#cb7004 Deuteranomaly 6% of men, 0.4% of women
#f94a37 Tritanomaly 0.01% of the population

#f9480c hex color

#f9480c Color Information

#f9480c Color Conversion

Color Schemes with #f9480c

Alternatives to #f9480c

#f9480c Preview

Shades and Tints of #f9480c

Tones of #f9480c

Color Blindness Simulator