#f28f5a hex color

In a RGB color space, hex #f28f5a is composed of 94.9% red, 56.1% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.9% magenta, 62.8% yellow and 5.1% black. It has a hue angle of 20.9 degrees, a saturation of 85.4% and a lightness of 65.1%. #f28f5a color hex could be obtained by blending #ffffb4 with #e51f00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 95
- G 56
- B 35
RGB color chart
- C 0
- M 41
- Y 63
- K 5
CMYK color chart

● #f28f5a color description : Soft orange.

The hexadecimal color #f28f5a has RGB values of R:242, G:143, B:90 and CMYK values of C:0, M:0.41, Y:0.63, K:0.05. Its decimal value is 15896410.

Hex triplet	f28f5a	`#f28f5a`
RGB Decimal	242, 143, 90	`rgb(242,143,90)`
RGB Percent	94.9, 56.1, 35.3	`rgb(94.9%,56.1%,35.3%)`
CMYK	0, 41, 63, 5
HSL	20.9°, 85.4, 65.1	`hsl(20.9,85.4%,65.1%)`
HSV (or HSB)	20.9°, 62.8, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	68.942, 32.835, 43.833
XYZ	48.287, 39.264, 14.708
xyY	0.472, 0.384, 39.264
CIE-LCH	68.942, 54.767, 53.163
CIE-LUV	68.942, 76.746, 45.071
Hunter-Lab	62.661, 27.897, 29.946
Binary	11110010, 10001111, 01011010

#f28f5a
```
#f28f5a rgb(242,143,90)
```
#5abdf2
```
#5abdf2 rgb(90,189,242)
```

Complementary Color

#f25a71
```
#f25a71 rgb(242,90,113)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#f2db5a
```
#f2db5a rgb(242,219,90)
```

Analogous Color

#5a71f2
```
#5a71f2 rgb(90,113,242)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#5af2db
```
#5af2db rgb(90,242,219)
```

Split Complementary Color

#8f5af2
```
#8f5af2 rgb(143,90,242)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#5af28f
```
#5af28f rgb(90,242,143)
```

Triadic Color

#f25abd
```
#f25abd rgb(242,90,189)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#5af28f
```
#5af28f rgb(90,242,143)
```
#5abdf2
```
#5abdf2 rgb(90,189,242)
```

Tetradic Color

#ec5f13
```
#ec5f13 rgb(236,95,19)
```
#ee6f2b
```
#ee6f2b rgb(238,111,43)
```
#f07f42
```
#f07f42 rgb(240,127,66)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#f49f72
```
#f49f72 rgb(244,159,114)
```
#f6af89
```
#f6af89 rgb(246,175,137)
```
#f8bfa1
```
#f8bfa1 rgb(248,191,161)
```

Monochromatic Color

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

#f2695a
```
#f2695a rgb(242,105,90)
```
#f2765a
```
#f2765a rgb(242,118,90)
```
#f2825a
```
#f2825a rgb(242,130,90)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#f29c5a
```
#f29c5a rgb(242,156,90)
```
#f2a85a
```
#f2a85a rgb(242,168,90)
```
#f2b55a
```
#f2b55a rgb(242,181,90)
```

Similar Colors

Text with hexadecimal color #f28f5a

This text has a font color of #f28f5a.

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

#f28f5a background color

This paragraph has a background color of #f28f5a.

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

#f28f5a border color

This element has a border color of #f28f5a.

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

CSS codes

.text {color:#f28f5a;}

.background {background-color:#f28f5a;}

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

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

#110701
```
#110701 rgb(17,7,1)
```
#230e03
```
#230e03 rgb(35,14,3)
```
#351504
```
#351504 rgb(53,21,4)
```
#471d06
```
#471d06 rgb(71,29,6)
```
#5a2407
```
#5a2407 rgb(90,36,7)
```
#6c2b08
```
#6c2b08 rgb(108,43,8)
```
#7e320a
```
#7e320a rgb(126,50,10)
```
#903a0b
```
#903a0b rgb(144,58,11)
```
#a2410d
```
#a2410d rgb(162,65,13)
```
#b4480e
```
#b4480e rgb(180,72,14)
```
#c74f10
```
#c74f10 rgb(199,79,16)
```
#d95711
```
#d95711 rgb(217,87,17)
```
#eb5e13
```
#eb5e13 rgb(235,94,19)
```

Shade Color Variation

#ee6a23
```
#ee6a23 rgb(238,106,35)
```
#ef7636
```
#ef7636 rgb(239,118,54)
```
#f18348
```
#f18348 rgb(241,131,72)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#f39b6c
```
#f39b6c rgb(243,155,108)
```
#f5a87e
```
#f5a87e rgb(245,168,126)
```
#f6b491
```
#f6b491 rgb(246,180,145)
```
#f8c0a3
```
#f8c0a3 rgb(248,192,163)
```
#f9cdb5
```
#f9cdb5 rgb(249,205,181)
```
#fbd9c7
```
#fbd9c7 rgb(251,217,199)
```
#fce5d9
```
#fce5d9 rgb(252,229,217)
```
#fdf2eb
```
#fdf2eb rgb(253,242,235)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#a7a6a5
```
#a7a6a5 rgb(167,166,165)
```
#aea49e
```
#aea49e rgb(174,164,158)
```
#b4a298
```
#b4a298 rgb(180,162,152)
```
#bba091
```
#bba091 rgb(187,160,145)
```
#c29e8a
```
#c29e8a rgb(194,158,138)
```
#c99b83
```
#c99b83 rgb(201,155,131)
```
#d0997c
```
#d0997c rgb(208,153,124)
```
#d79775
```
#d79775 rgb(215,151,117)
```
#dd956f
```
#dd956f rgb(221,149,111)
```
#e49368
```
#e49368 rgb(228,147,104)
```
#eb9161
```
#eb9161 rgb(235,145,97)
```
#f28f5a
```
#f28f5a rgb(242,143,90)
```
#f98d53
```
#f98d53 rgb(249,141,83)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b6a298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcac6a Protanopia 1% of men
#d2a55d Deuteranopia 1% of men
#f68e97 Tritanopia 0.001% of the population

Trichromacy

#cfa164 Protanomaly 1% of men, 0.01% of women
#dd9d5c Deuteranomaly 6% of men, 0.4% of women
#f48e81 Tritanomaly 0.01% of the population

#f28f5a hex color

#f28f5a Color Information

#f28f5a Color Conversion

Color Schemes with #f28f5a

Alternatives to #f28f5a

#f28f5a Preview

Shades and Tints of #f28f5a

Tones of #f28f5a

Color Blindness Simulator