#f28601 hex color

In a RGB color space, hex #f28601 is composed of 94.9% red, 52.5% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 99.6% yellow and 5.1% black. It has a hue angle of 33.1 degrees, a saturation of 99.2% and a lightness of 47.6%. #f28601 color hex could be obtained by blending #ffff02 with #e50d00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 95
- G 53
- B 0
RGB color chart
- C 0
- M 45
- Y 100
- K 5
CMYK color chart

● #f28601 color description : Vivid orange.

The hexadecimal color #f28601 has RGB values of R:242, G:134, B:1 and CMYK values of C:0, M:0.45, Y:1, K:0.05. Its decimal value is 15894017.

Hex triplet	f28601	`#f28601`
RGB Decimal	242, 134, 1	`rgb(242,134,1)`
RGB Percent	94.9, 52.5, 0.4	`rgb(94.9%,52.5%,0.4%)`
CMYK	0, 45, 100, 5
HSL	33.1°, 99.2, 47.6	`hsl(33.1,99.2%,47.6%)`
HSV (or HSB)	33.1°, 99.6, 94.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	66.469, 34.66, 72.597
XYZ	45.15, 35.934, 4.587
xyY	0.527, 0.419, 35.934
CIE-LCH	66.469, 80.447, 64.479
CIE-LUV	66.469, 90.048, 62.688
Hunter-Lab	59.945, 29.543, 37.424
Binary	11110010, 10000110, 00000001

#f28601
```
#f28601 rgb(242,134,1)
```
#016df2
```
#016df2 rgb(1,109,242)
```

Complementary Color

#f20e01
```
#f20e01 rgb(242,14,1)
```
#f28601
```
#f28601 rgb(242,134,1)
```
#e6f201
```
#e6f201 rgb(230,242,1)
```

Analogous Color

#0e01f2
```
#0e01f2 rgb(14,1,242)
```
#f28601
```
#f28601 rgb(242,134,1)
```
#01e6f2
```
#01e6f2 rgb(1,230,242)
```

Split Complementary Color

#8601f2
```
#8601f2 rgb(134,1,242)
```
#f28601
```
#f28601 rgb(242,134,1)
```
#01f286
```
#01f286 rgb(1,242,134)
```

Triadic Color

#f2016d
```
#f2016d rgb(242,1,109)
```
#f28601
```
#f28601 rgb(242,134,1)
```
#01f286
```
#01f286 rgb(1,242,134)
```
#016df2
```
#016df2 rgb(1,109,242)
```

Tetradic Color

#a65c01
```
#a65c01 rgb(166,92,1)
```
#bf6a01
```
#bf6a01 rgb(191,106,1)
```
#d97801
```
#d97801 rgb(217,120,1)
```
#f28601
```
#f28601 rgb(242,134,1)
```
#fe930e
```
#fe930e rgb(254,147,14)
```
#fe9e28
```
#fe9e28 rgb(254,158,40)
```
#feaa41
```
#feaa41 rgb(254,170,65)
```

Monochromatic Color

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

#f24a01
```
#f24a01 rgb(242,74,1)
```
#f25e01
```
#f25e01 rgb(242,94,1)
```
#f27201
```
#f27201 rgb(242,114,1)
```
#f28601
```
#f28601 rgb(242,134,1)
```
#f29a01
```
#f29a01 rgb(242,154,1)
```
#f2ae01
```
#f2ae01 rgb(242,174,1)
```
#f2c201
```
#f2c201 rgb(242,194,1)
```

Similar Colors

Text with hexadecimal color #f28601

This text has a font color of #f28601.

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

#f28601 background color

This paragraph has a background color of #f28601.

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

#f28601 border color

This element has a border color of #f28601.

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

CSS codes

.text {color:#f28601;}

.background {background-color:#f28601;}

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

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

#080400
```
#080400 rgb(8,4,0)
```
#1b0f00
```
#1b0f00 rgb(27,15,0)
```
#2f1a00
```
#2f1a00 rgb(47,26,0)
```
#422500
```
#422500 rgb(66,37,0)
```
#562f00
```
#562f00 rgb(86,47,0)
```
#693a00
```
#693a00 rgb(105,58,0)
```
#7d4501
```
#7d4501 rgb(125,69,1)
```
#905001
```
#905001 rgb(144,80,1)
```
#a45b01
```
#a45b01 rgb(164,91,1)
```
#b76601
```
#b76601 rgb(183,102,1)
```
#cb7001
```
#cb7001 rgb(203,112,1)
```
#de7b01
```
#de7b01 rgb(222,123,1)
```
#f28601
```
#f28601 rgb(242,134,1)
```

Shade Color Variation

#fe9009
```
#fe9009 rgb(254,144,9)
```
#fe991c
```
#fe991c rgb(254,153,28)
```
#fea230
```
#fea230 rgb(254,162,48)
```
#feaa43
```
#feaa43 rgb(254,170,67)
```
#feb357
```
#feb357 rgb(254,179,87)
```
#febc6a
```
#febc6a rgb(254,188,106)
```
#fec57e
```
#fec57e rgb(254,197,126)
```
#ffce91
```
#ffce91 rgb(255,206,145)
```
#ffd6a5
```
#ffd6a5 rgb(255,214,165)
```
#ffdfb8
```
#ffdfb8 rgb(255,223,184)
```
#ffe8cc
```
#ffe8cc rgb(255,232,204)
```
#fff1e0
```
#fff1e0 rgb(255,241,224)
```
#fffaf3
```
#fffaf3 rgb(255,250,243)
```

Tint Color Variation

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

#827a71
```
#827a71 rgb(130,122,113)
```
#8b7b68
```
#8b7b68 rgb(139,123,104)
```
#957c5e
```
#957c5e rgb(149,124,94)
```
#9e7d55
```
#9e7d55 rgb(158,125,85)
```
#a77e4c
```
#a77e4c rgb(167,126,76)
```
#b17f42
```
#b17f42 rgb(177,127,66)
```
#ba8039
```
#ba8039 rgb(186,128,57)
```
#c38130
```
#c38130 rgb(195,129,48)
```
#cd8226
```
#cd8226 rgb(205,130,38)
```
#d6831d
```
#d6831d rgb(214,131,29)
```
#df8414
```
#df8414 rgb(223,132,20)
```
#e9850a
```
#e9850a rgb(233,133,10)
```
#f28601
```
#f28601 rgb(242,134,1)
```

Tone Color Variation

Below, you can see how #f28601 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
#a99479 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa617 Protanopia 1% of men
#d09e00 Deuteranopia 1% of men
#f7838b Tritanopia 0.001% of the population

Trichromacy

#ce9a0f Protanomaly 1% of men, 0.01% of women
#dc9500 Deuteranomaly 6% of men, 0.4% of women
#f58459 Tritanomaly 0.01% of the population

#f28601 hex color

#f28601 Color Information

#f28601 Color Conversion

Color Schemes with #f28601

Alternatives to #f28601

#f28601 Preview

Shades and Tints of #f28601

Tones of #f28601

Color Blindness Simulator