colorhexa.com

#f28c5e hex color

In a RGB color space, hex #f28c5e is composed of 94.9% red, 54.9% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.1% magenta, 61.2% yellow and 5.1% black. It has a hue angle of 18.6 degrees, a saturation of 85.1% and a lightness of 65.9%. #f28c5e color hex could be obtained by blending #ffffbc with #e51900. Closest websafe color is: #ff9966.

- R 95
- G 55
- B 37
RGB color chart
- C 0
- M 42
- Y 61
- K 5
CMYK color chart

● #f28c5e color description : Soft orange.

The hexadecimal color #f28c5e has RGB values of R:242, G:140, B:94 and CMYK values of C:0, M:0.42, Y:0.61, K:0.05. Its decimal value is 15895646.

Hex triplet	f28c5e	`#f28c5e`
RGB Decimal	242, 140, 94	`rgb(242,140,94)`
RGB Percent	94.9, 54.9, 36.9	`rgb(94.9%,54.9%,36.9%)`
CMYK	0, 42, 61, 5
HSL	18.6°, 85.1, 65.9	`hsl(18.6,85.1%,65.9%)`
HSV (or HSB)	18.6°, 61.2, 94.9
Web Safe	ff9966	`#ff9966`

CIE-LAB	68.348, 34.654, 41.041
XYZ	48.018, 38.445, 15.481
xyY	0.471, 0.377, 38.445
CIE-LCH	68.348, 53.714, 49.823
CIE-LUV	68.348, 78.497, 41.952
Hunter-Lab	62.004, 29.727, 28.6
Binary	11110010, 10001100, 01011110

#f28c5e
```
#f28c5e rgb(242,140,94)
```
#5ec4f2
```
#5ec4f2 rgb(94,196,242)
```

Complementary Color

#f25e7a
```
#f25e7a rgb(242,94,122)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#f2d65e
```
#f2d65e rgb(242,214,94)
```

Analogous Color

#5e7af2
```
#5e7af2 rgb(94,122,242)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#5ef2d6
```
#5ef2d6 rgb(94,242,214)
```

Split Complementary Color

#8c5ef2
```
#8c5ef2 rgb(140,94,242)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#5ef28c
```
#5ef28c rgb(94,242,140)
```

Triadic Color

#f25ec4
```
#f25ec4 rgb(242,94,196)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#5ef28c
```
#5ef28c rgb(94,242,140)
```
#5ec4f2
```
#5ec4f2 rgb(94,196,242)
```

Tetradic Color

#ec5917
```
#ec5917 rgb(236,89,23)
```
#ee6a2f
```
#ee6a2f rgb(238,106,47)
```
#f07b46
```
#f07b46 rgb(240,123,70)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#f49d76
```
#f49d76 rgb(244,157,118)
```
#f6ae8d
```
#f6ae8d rgb(246,174,141)
```
#f8bfa5
```
#f8bfa5 rgb(248,191,165)
```

Monochromatic Color

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

#f2675e
```
#f2675e rgb(242,103,94)
```
#f2735e
```
#f2735e rgb(242,115,94)
```
#f2805e
```
#f2805e rgb(242,128,94)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#f2985e
```
#f2985e rgb(242,152,94)
```
#f2a55e
```
#f2a55e rgb(242,165,94)
```
#f2b15e
```
#f2b15e rgb(242,177,94)
```

Similar Colors

Text with hexadecimal color #f28c5e

This text has a font color of #f28c5e.

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

#f28c5e background color

This paragraph has a background color of #f28c5e.

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

#f28c5e border color

This element has a border color of #f28c5e.

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

CSS codes

.text {color:#f28c5e;}

.background {background-color:#f28c5e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#140802
```
#140802 rgb(20,8,2)
```
#270e03
```
#270e03 rgb(39,14,3)
```
#391505
```
#391505 rgb(57,21,5)
```
#4b1b06
```
#4b1b06 rgb(75,27,6)
```
#5d2208
```
#5d2208 rgb(93,34,8)
```
#6f2909
```
#6f2909 rgb(111,41,9)
```
#812f0a
```
#812f0a rgb(129,47,10)
```
#94360c
```
#94360c rgb(148,54,12)
```
#a63d0d
```
#a63d0d rgb(166,61,13)
```
#b8430f
```
#b8430f rgb(184,67,15)
```
#ca4a10
```
#ca4a10 rgb(202,74,16)
```
#dc5112
```
#dc5112 rgb(220,81,18)
```

Shade Color Variation

#ec5815
```
#ec5815 rgb(236,88,21)
```
#ee6528
```
#ee6528 rgb(238,101,40)
```
#ef723a
```
#ef723a rgb(239,114,58)
```
#f17f4c
```
#f17f4c rgb(241,127,76)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#f39970
```
#f39970 rgb(243,153,112)
```
#f5a682
```
#f5a682 rgb(245,166,130)
```
#f6b394
```
#f6b394 rgb(246,179,148)
```
#f8c0a7
```
#f8c0a7 rgb(248,192,167)
```
#f9cdb9
```
#f9cdb9 rgb(249,205,185)
```
#fbdacb
```
#fbdacb rgb(251,218,203)
```
#fce7dd
```
#fce7dd rgb(252,231,221)
```
#fef4ef
```
#fef4ef rgb(254,244,239)
```

Tint Color Variation

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

#a8a8a8
```
#a8a8a8 rgb(168,168,168)
```
#afa5a1
```
#afa5a1 rgb(175,165,161)
```
#b6a39a
```
#b6a39a rgb(182,163,154)
```
#bca094
```
#bca094 rgb(188,160,148)
```
#c39e8d
```
#c39e8d rgb(195,158,141)
```
#ca9b86
```
#ca9b86 rgb(202,155,134)
```
#d1997f
```
#d1997f rgb(209,153,127)
```
#d79679
```
#d79679 rgb(215,150,121)
```
#de9472
```
#de9472 rgb(222,148,114)
```
#e5916b
```
#e5916b rgb(229,145,107)
```
#eb8f65
```
#eb8f65 rgb(235,143,101)
```
#f28c5e
```
#f28c5e rgb(242,140,94)
```
#f98957
```
#f98957 rgb(249,137,87)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b4a097 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baab6f Protanopia 1% of men
#cfa361 Deuteranopia 1% of men
#f58b95 Tritanopia 0.001% of the population

Trichromacy

#ce9f68 Protanomaly 1% of men, 0.01% of women
#dc9b60 Deuteranomaly 6% of men, 0.4% of women
#f48b81 Tritanomaly 0.01% of the population