#f28a54 Color Information
In a RGB color space, hex #f28a54 is composed of 94.9% red, 54.1% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43% magenta, 65.3% yellow and 5.1% black. It has a hue angle of 20.5 degrees, a saturation of 85.9% and a lightness of 63.9%. #f28a54 color hex could be obtained by blending #ffffa8 with #e51500. Closest websafe color is: #ff9966.
-
- R 95
- G 54
- B 33
-
- C 0
- M 43
- Y 65
- K 5
● #f28a54 color description : Soft orange.
#f28a54 Color Conversion
The hexadecimal color #f28a54 has RGB values of R:242, G:138, B:84 and CMYK values of C:0, M:0.43, Y:0.65, K:0.05. Its decimal value is 15895124.
Hex triplet | f28a54 | #f28a54 |
---|---|---|
RGB Decimal | 242, 138, 84 | rgb(242,138,84) |
RGB Percent | 94.9, 54.1, 32.9 | rgb(94.9%,54.1%,32.9%) |
CMYK | 0, 43, 65, 5 | |
HSL | 20.5°, 85.9, 63.9 | hsl(20.5,85.9%,63.9%) |
HSV (or HSB) | 20.5°, 65.3, 94.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 67.797, 35.053, 45.564 |
---|---|
XYZ | 47.308, 37.698, 13.172 |
xyY | 0.482, 0.384, 37.698 |
CIE-LCH | 67.797, 57.487, 52.428 |
CIE-LUV | 67.797, 81.316, 45.655 |
Hunter-Lab | 61.399, 30.087, 30.259 |
Binary | 11110010, 10001010, 01010100 |
Color Schemes with #f28a54
Alternatives to #f28a54
Below, you can see some colors close to #f28a54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f28a54 Preview
This text has a font color of #f28a54.
<span style="color:#f28a54;">Text here</span>
This paragraph has a background color of #f28a54.
<p style="background-color:#f28a54;">Content here</p>
This element has a border color of #f28a54.
<div style="border:1px solid #f28a54;">Content here</div>
.text {color:#f28a54;}
.background {background-color:#f28a54;}
.border {border:1px solid #f28a54;}
Shades and Tints of #f28a54
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, #0b0401 is the darkest color, while #fefaf8 is the lightest one.
-
#0b0401
#0b0401
rgb(11,4,1)
-
#1e0c02
#1e0c02
rgb(30,12,2)
-
#301304
#301304
rgb(48,19,4)
-
#421a05
#421a05
rgb(66,26,5)
-
#542106
#542106
rgb(84,33,6)
-
#662808
#662808
rgb(102,40,8)
-
#792f09
#792f09
rgb(121,47,9)
-
#8b360b
#8b360b
rgb(139,54,11)
-
#9d3e0c
#9d3e0c
rgb(157,62,12)
-
#af450d
#af450d
rgb(175,69,13)
-
#c24c0f
#c24c0f
rgb(194,76,15)
-
#d45310
#d45310
rgb(212,83,16)
-
#e65a11
#e65a11
rgb(230,90,17)
-
#ee651d
#ee651d
rgb(238,101,29)
-
#ef7130
#ef7130
rgb(239,113,48)
-
#f17e42
#f17e42
rgb(241,126,66)
-
#f28a54
#f28a54
rgb(242,138,84)
-
#f39666
#f39666
rgb(243,150,102)
-
#f5a378
#f5a378
rgb(245,163,120)
-
#f6af8b
#f6af8b
rgb(246,175,139)
-
#f8bc9d
#f8bc9d
rgb(248,188,157)
-
#f9c8af
#f9c8af
rgb(249,200,175)
-
#fad5c1
#fad5c1
rgb(250,213,193)
-
#fce1d4
#fce1d4
rgb(252,225,212)
-
#fdeee6
#fdeee6
rgb(253,238,230)
-
#fefaf8
#fefaf8
rgb(254,250,248)
Tones of #f28a54
A tone is produced by adding gray to any pure hue. In this case, #a4a3a2 is the less saturated color, while #f9884d is the most saturated one.
-
#a4a3a2
#a4a3a2
rgb(164,163,162)
-
#aba09b
#aba09b
rgb(171,160,155)
-
#b29e94
#b29e94
rgb(178,158,148)
-
#b99c8d
#b99c8d
rgb(185,156,141)
-
#c09a86
#c09a86
rgb(192,154,134)
-
#c8977e
#c8977e
rgb(200,151,126)
-
#cf9577
#cf9577
rgb(207,149,119)
-
#d69370
#d69370
rgb(214,147,112)
-
#dd9169
#dd9169
rgb(221,145,105)
-
#e48e62
#e48e62
rgb(228,142,98)
-
#eb8c5b
#eb8c5b
rgb(235,140,91)
-
#f28a54
#f28a54
rgb(242,138,84)
-
#f9884d
#f9884d
rgb(249,136,77)
Color Blindness Simulator
Below, you can see how #f28a54 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.