#f28120 hex color

In a RGB color space, hex #f28120 is composed of 94.9% red, 50.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.7% magenta, 86.8% yellow and 5.1% black. It has a hue angle of 27.7 degrees, a saturation of 89% and a lightness of 53.7%. #f28120 color hex could be obtained by blending #ffff40 with #e50300. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 51
- B 13
RGB color chart
- C 0
- M 47
- Y 87
- K 5
CMYK color chart

● #f28120 color description : Vivid orange.

The hexadecimal color #f28120 has RGB values of R:242, G:129, B:32 and CMYK values of C:0, M:0.47, Y:0.87, K:0.05. Its decimal value is 15892768.

Hex triplet	f28120	`#f28120`
RGB Decimal	242, 129, 32	`rgb(242,129,32)`
RGB Percent	94.9, 50.6, 12.5	`rgb(94.9%,50.6%,12.5%)`
CMYK	0, 47, 87, 5
HSL	27.7°, 89, 53.7	`hsl(27.7,89%,53.7%)`
HSV (or HSB)	27.7°, 86.8, 94.9
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.504, 37.61, 65.68
XYZ	44.731, 34.686, 5.706
xyY	0.525, 0.407, 34.686
CIE-LCH	65.504, 75.686, 60.203
CIE-LUV	65.504, 93.255, 57.835
Hunter-Lab	58.895, 32.504, 35.482
Binary	11110010, 10000001, 00100000

#f28120
```
#f28120 rgb(242,129,32)
```
#2091f2
```
#2091f2 rgb(32,145,242)
```

Complementary Color

#f22028
```
#f22028 rgb(242,32,40)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#f2ea20
```
#f2ea20 rgb(242,234,32)
```

Analogous Color

#2028f2
```
#2028f2 rgb(32,40,242)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#20f2ea
```
#20f2ea rgb(32,242,234)
```

Split Complementary Color

#8120f2
```
#8120f2 rgb(129,32,242)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#20f281
```
#20f281 rgb(32,242,129)
```

Triadic Color

#f22091
```
#f22091 rgb(242,32,145)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#20f281
```
#20f281 rgb(32,242,129)
```
#2091f2
```
#2091f2 rgb(32,145,242)
```

Tetradic Color

#bb5c0b
```
#bb5c0b rgb(187,92,11)
```
#d3680c
```
#d3680c rgb(211,104,12)
```
#eb740e
```
#eb740e rgb(235,116,14)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#f38f38
```
#f38f38 rgb(243,143,56)
```
#f59c50
```
#f59c50 rgb(245,156,80)
```
#f6aa68
```
#f6aa68 rgb(246,170,104)
```

Monochromatic Color

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

#f24c20
```
#f24c20 rgb(242,76,32)
```
#f25e20
```
#f25e20 rgb(242,94,32)
```
#f27020
```
#f27020 rgb(242,112,32)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#f29320
```
#f29320 rgb(242,147,32)
```
#f2a420
```
#f2a420 rgb(242,164,32)
```
#f2b620
```
#f2b620 rgb(242,182,32)
```

Similar Colors

Text with hexadecimal color #f28120

This text has a font color of #f28120.

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

#f28120 background color

This paragraph has a background color of #f28120.

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

#f28120 border color

This element has a border color of #f28120.

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

CSS codes

.text {color:#f28120;}

.background {background-color:#f28120;}

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

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

#120901
```
#120901 rgb(18,9,1)
```
#241202
```
#241202 rgb(36,18,2)
```
#371b03
```
#371b03 rgb(55,27,3)
```
#4a2404
```
#4a2404 rgb(74,36,4)
```
#5c2d05
```
#5c2d05 rgb(92,45,5)
```
#6f3706
```
#6f3706 rgb(111,55,6)
```
#814008
```
#814008 rgb(129,64,8)
```
#944909
```
#944909 rgb(148,73,9)
```
#a6520a
```
#a6520a rgb(166,82,10)
```
#b95b0b
```
#b95b0b rgb(185,91,11)
```
#cb640c
```
#cb640c rgb(203,100,12)
```
#de6d0d
```
#de6d0d rgb(222,109,13)
```
#f0770e
```
#f0770e rgb(240,119,14)
```

Shade Color Variation

#f28120
```
#f28120 rgb(242,129,32)
```
#f38b33
```
#f38b33 rgb(243,139,51)
```
#f49645
```
#f49645 rgb(244,150,69)
```
#f5a058
```
#f5a058 rgb(245,160,88)
```
#f6ab6a
```
#f6ab6a rgb(246,171,106)
```
#f7b57d
```
#f7b57d rgb(247,181,125)
```
#f8c08f
```
#f8c08f rgb(248,192,143)
```
#facaa2
```
#facaa2 rgb(250,202,162)
```
#fbd5b4
```
#fbd5b4 rgb(251,213,180)
```
#fcdfc7
```
#fcdfc7 rgb(252,223,199)
```
#fdead9
```
#fdead9 rgb(253,234,217)
```
#fef4ec
```
#fef4ec rgb(254,244,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8e8984
```
#8e8984 rgb(142,137,132)
```
#97887b
```
#97887b rgb(151,136,123)
```
#a08772
```
#a08772 rgb(160,135,114)
```
#a98769
```
#a98769 rgb(169,135,105)
```
#b28660
```
#b28660 rgb(178,134,96)
```
#bc8556
```
#bc8556 rgb(188,133,86)
```
#c5844d
```
#c5844d rgb(197,132,77)
```
#ce8444
```
#ce8444 rgb(206,132,68)
```
#d7833b
```
#d7833b rgb(215,131,59)
```
#e08232
```
#e08232 rgb(224,130,50)
```
#e98229
```
#e98229 rgb(233,130,41)
```
#f28120
```
#f28120 rgb(242,129,32)
```
#fb8017
```
#fb8017 rgb(251,128,23)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#aa9380 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a432 Protanopia 1% of men
#cc9c1e Deuteranopia 1% of men
#f67f87 Tritanopia 0.001% of the population

Trichromacy

#cc972c Protanomaly 1% of men, 0.01% of women
#da921e Deuteranomaly 6% of men, 0.4% of women
#f47f61 Tritanomaly 0.01% of the population

#f28120 hex color

#f28120 Color Information

#f28120 Color Conversion

Color Schemes with #f28120

Alternatives to #f28120

#f28120 Preview

Shades and Tints of #f28120

Tones of #f28120

Color Blindness Simulator