#f28c15 hex color

In a RGB color space, hex #f28c15 is composed of 94.9% red, 54.9% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 91.3% yellow and 5.1% black. It has a hue angle of 32.3 degrees, a saturation of 89.5% and a lightness of 51.6%. #f28c15 color hex could be obtained by blending #ffff2a with #e51900. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 95
- G 55
- B 8
RGB color chart
- C 0
- M 42
- Y 91
- K 5
CMYK color chart

● #f28c15 color description : Vivid orange.

The hexadecimal color #f28c15 has RGB values of R:242, G:140, B:21 and CMYK values of C:0, M:0.42, Y:0.91, K:0.05. Its decimal value is 15895573.

Hex triplet	f28c15	`#f28c15`
RGB Decimal	242, 140, 21	`rgb(242,140,21)`
RGB Percent	94.9, 54.9, 8.2	`rgb(94.9%,54.9%,8.2%)`
CMYK	0, 42, 91, 5
HSL	32.3°, 89.5, 51.6	`hsl(32.3,89.5%,51.6%)`
HSV (or HSB)	32.3°, 91.3, 94.9
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.793, 31.766, 70.292
XYZ	46.133, 37.691, 5.555
xyY	0.516, 0.422, 37.691
CIE-LCH	67.793, 77.137, 65.681
CIE-LUV	67.793, 84.536, 63.173
Hunter-Lab	61.393, 26.692, 37.611
Binary	11110010, 10001100, 00010101

#f28c15
```
#f28c15 rgb(242,140,21)
```
#157bf2
```
#157bf2 rgb(21,123,242)
```

Complementary Color

#f21e15
```
#f21e15 rgb(242,30,21)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#eaf215
```
#eaf215 rgb(234,242,21)
```

Analogous Color

#1e15f2
```
#1e15f2 rgb(30,21,242)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#15eaf2
```
#15eaf2 rgb(21,234,242)
```

Split Complementary Color

#8c15f2
```
#8c15f2 rgb(140,21,242)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#15f28c
```
#15f28c rgb(21,242,140)
```

Triadic Color

#f2157b
```
#f2157b rgb(242,21,123)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#15f28c
```
#15f28c rgb(21,242,140)
```
#157bf2
```
#157bf2 rgb(21,123,242)
```

Tetradic Color

#b1640a
```
#b1640a rgb(177,100,10)
```
#c9710b
```
#c9710b rgb(201,113,11)
```
#e17f0d
```
#e17f0d rgb(225,127,13)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#f3982d
```
#f3982d rgb(243,152,45)
```
#f5a445
```
#f5a445 rgb(245,164,69)
```
#f6b05d
```
#f6b05d rgb(246,176,93)
```

Monochromatic Color

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

#f25515
```
#f25515 rgb(242,85,21)
```
#f26715
```
#f26715 rgb(242,103,21)
```
#f27a15
```
#f27a15 rgb(242,122,21)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#f29e15
```
#f29e15 rgb(242,158,21)
```
#f2b115
```
#f2b115 rgb(242,177,21)
```
#f2c315
```
#f2c315 rgb(242,195,21)
```

Similar Colors

Text with hexadecimal color #f28c15

This text has a font color of #f28c15.

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

#f28c15 background color

This paragraph has a background color of #f28c15.

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

#f28c15 border color

This element has a border color of #f28c15.

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

CSS codes

.text {color:#f28c15;}

.background {background-color:#f28c15;}

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

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 #fefaf4 is the lightest one.

#080400
```
#080400 rgb(8,4,0)
```
#1a0f01
```
#1a0f01 rgb(26,15,1)
```
#2d1902
```
#2d1902 rgb(45,25,2)
```
#3f2404
```
#3f2404 rgb(63,36,4)
```
#522e05
```
#522e05 rgb(82,46,5)
```
#643906
```
#643906 rgb(100,57,6)
```
#774307
```
#774307 rgb(119,67,7)
```
#8a4e08
```
#8a4e08 rgb(138,78,8)
```
#9c5809
```
#9c5809 rgb(156,88,9)
```
#af630a
```
#af630a rgb(175,99,10)
```
#c16d0b
```
#c16d0b rgb(193,109,11)
```
#d4780c
```
#d4780c rgb(212,120,12)
```
#e7820d
```
#e7820d rgb(231,130,13)
```

Shade Color Variation

#f28c15
```
#f28c15 rgb(242,140,21)
```
#f39528
```
#f39528 rgb(243,149,40)
```
#f49e3a
```
#f49e3a rgb(244,158,58)
```
#f5a74d
```
#f5a74d rgb(245,167,77)
```
#f6b15f
```
#f6b15f rgb(246,177,95)
```
#f7ba72
```
#f7ba72 rgb(247,186,114)
```
#f8c384
```
#f8c384 rgb(248,195,132)
```
#f9cc97
```
#f9cc97 rgb(249,204,151)
```
#fad5aa
```
#fad5aa rgb(250,213,170)
```
#fbdebc
```
#fbdebc rgb(251,222,188)
```
#fce7cf
```
#fce7cf rgb(252,231,207)
```
#fdf0e1
```
#fdf0e1 rgb(253,240,225)
```
#fefaf4
```
#fefaf4 rgb(254,250,244)
```

Tint Color Variation

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

#8a847e
```
#8a847e rgb(138,132,126)
```
#938574
```
#938574 rgb(147,133,116)
```
#9d856b
```
#9d856b rgb(157,133,107)
```
#a68661
```
#a68661 rgb(166,134,97)
```
#b08758
```
#b08758 rgb(176,135,88)
```
#b9884e
```
#b9884e rgb(185,136,78)
```
#c38845
```
#c38845 rgb(195,136,69)
```
#cc893b
```
#cc893b rgb(204,137,59)
```
#d68a32
```
#d68a32 rgb(214,138,50)
```
#df8b28
```
#df8b28 rgb(223,139,40)
```
#e98b1e
```
#e98b1e rgb(233,139,30)
```
#f28c15
```
#f28c15 rgb(242,140,21)
```
#fc8d0c
```
#fc8d0c rgb(252,141,12)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#ae9a82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beaa27 Protanopia 1% of men
#d4a10d Deuteranopia 1% of men
#f78891 Tritanopia 0.001% of the population

Trichromacy

#d09f21 Protanomaly 1% of men, 0.01% of women
#df9910 Deuteranomaly 6% of men, 0.4% of women
#f58964 Tritanomaly 0.01% of the population

#f28c15 hex color

#f28c15 Color Information

#f28c15 Color Conversion

Color Schemes with #f28c15

Alternatives to #f28c15

#f28c15 Preview

Shades and Tints of #f28c15

Tones of #f28c15

Color Blindness Simulator