#f28a45 Color Information
In a RGB color space, hex #f28a45 is composed of 94.9% red, 54.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 23.9 degrees, a saturation of 86.9% and a lightness of 61%. #f28a45 color hex could be obtained by blending #ffff8a with #e51500. Closest websafe color is: #ff9933.
-
- R 95
- G 54
- B 27
-
- C 0
- M 43
- Y 71
- K 5
● #f28a45 color description : Bright orange.
#f28a45 Color Conversion
The hexadecimal color #f28a45 has RGB values of R:242, G:138, B:69 and CMYK values of C:0, M:0.43, Y:0.71, K:0.05. Its decimal value is 15895109.
Hex triplet | f28a45 | #f28a45 |
---|---|---|
RGB Decimal | 242, 138, 69 | rgb(242,138,69) |
RGB Percent | 94.9, 54.1, 27.1 | rgb(94.9%,54.1%,27.1%) |
CMYK | 0, 43, 71, 5 | |
HSL | 23.9°, 86.9, 61 | hsl(23.9,86.9%,61%) |
HSV (or HSB) | 23.9°, 71.5, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 67.641, 34.252, 52.78 |
---|---|
XYZ | 46.782, 37.488, 10.402 |
xyY | 0.494, 0.396, 37.488 |
CIE-LCH | 67.641, 62.92, 57.018 |
CIE-LUV | 67.641, 83.017, 51.515 |
Hunter-Lab | 61.227, 29.239, 32.786 |
Binary | 11110010, 10001010, 01000101 |
Color Schemes with #f28a45
Alternatives to #f28a45
Below, you can see some colors close to #f28a45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f28a45 Preview
This text has a font color of #f28a45.
<span style="color:#f28a45;">Text here</span>
This paragraph has a background color of #f28a45.
<p style="background-color:#f28a45;">Content here</p>
This element has a border color of #f28a45.
<div style="border:1px solid #f28a45;">Content here</div>
.text {color:#f28a45;}
.background {background-color:#f28a45;}
.border {border:1px solid #f28a45;}
Shades and Tints of #f28a45
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, #100701 is the darkest color, while #fffdfc is the lightest one.
-
#100701
#100701
rgb(16,7,1)
-
#220f02
#220f02
rgb(34,15,2)
-
#341704
#341704
rgb(52,23,4)
-
#471f05
#471f05
rgb(71,31,5)
-
#592706
#592706
rgb(89,39,6)
-
#6b2f08
#6b2f08
rgb(107,47,8)
-
#7e3709
#7e3709
rgb(126,55,9)
-
#903f0a
#903f0a
rgb(144,63,10)
-
#a2480b
#a2480b
rgb(162,72,11)
-
#b5500d
#b5500d
rgb(181,80,13)
-
#c7580e
#c7580e
rgb(199,88,14)
-
#d9600f
#d9600f
rgb(217,96,15)
-
#ec6810
#ec6810
rgb(236,104,16)
-
#ef7320
#ef7320
rgb(239,115,32)
-
#f17e33
#f17e33
rgb(241,126,51)
-
#f28a45
#f28a45
rgb(242,138,69)
-
#f39657
#f39657
rgb(243,150,87)
-
#f5a16a
#f5a16a
rgb(245,161,106)
-
#f6ad7c
#f6ad7c
rgb(246,173,124)
-
#f7b88e
#f7b88e
rgb(247,184,142)
-
#f8c4a1
#f8c4a1
rgb(248,196,161)
-
#facfb3
#facfb3
rgb(250,207,179)
-
#fbdbc5
#fbdbc5
rgb(251,219,197)
-
#fce6d8
#fce6d8
rgb(252,230,216)
-
#fef2ea
#fef2ea
rgb(254,242,234)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f28a45
A tone is produced by adding gray to any pure hue. In this case, #9e9b99 is the less saturated color, while #fa883d is the most saturated one.
-
#9e9b99
#9e9b99
rgb(158,155,153)
-
#a59992
#a59992
rgb(165,153,146)
-
#ad988a
#ad988a
rgb(173,152,138)
-
#b59682
#b59682
rgb(181,150,130)
-
#bc957b
#bc957b
rgb(188,149,123)
-
#c49373
#c49373
rgb(196,147,115)
-
#cc926b
#cc926b
rgb(204,146,107)
-
#d39064
#d39064
rgb(211,144,100)
-
#db8f5c
#db8f5c
rgb(219,143,92)
-
#e38d54
#e38d54
rgb(227,141,84)
-
#ea8c4d
#ea8c4d
rgb(234,140,77)
-
#f28a45
#f28a45
rgb(242,138,69)
-
#fa883d
#fa883d
rgb(250,136,61)
Color Blindness Simulator
Below, you can see how #f28a45 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.