#f28230 Color Information
In a RGB color space, hex #f28230 is composed of 94.9% red, 51% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.3% magenta, 80.2% yellow and 5.1% black. It has a hue angle of 25.4 degrees, a saturation of 88.2% and a lightness of 56.9%. #f28230 color hex could be obtained by blending #ffff60 with #e50500. Closest websafe color is: #ff9933.
-
- R 95
- G 51
- B 19
-
- C 0
- M 46
- Y 80
- K 5
● #f28230 color description : Bright orange.
#f28230 Color Conversion
The hexadecimal color #f28230 has RGB values of R:242, G:130, B:48 and CMYK values of C:0, M:0.46, Y:0.8, K:0.05. Its decimal value is 15893040.
Hex triplet | f28230 | #f28230 |
---|---|---|
RGB Decimal | 242, 130, 48 | rgb(242,130,48) |
RGB Percent | 94.9, 51, 18.8 | rgb(94.9%,51%,18.8%) |
CMYK | 0, 46, 80, 5 | |
HSL | 25.4°, 88.2, 56.9 | hsl(25.4,88.2%,56.9%) |
HSV (or HSB) | 25.4°, 80.2, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 65.795, 37.523, 60.201 |
---|---|
XYZ | 45.136, 35.06, 7.187 |
xyY | 0.517, 0.401, 35.06 |
CIE-LCH | 65.795, 70.937, 58.065 |
CIE-LUV | 65.795, 91.372, 54.857 |
Hunter-Lab | 59.211, 32.447, 34.252 |
Binary | 11110010, 10000010, 00110000 |
Color Schemes with #f28230
Alternatives to #f28230
Below, you can see some colors close to #f28230. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f28230 Preview
This text has a font color of #f28230.
<span style="color:#f28230;">Text here</span>
This paragraph has a background color of #f28230.
<p style="background-color:#f28230;">Content here</p>
This element has a border color of #f28230.
<div style="border:1px solid #f28230;">Content here</div>
.text {color:#f28230;}
.background {background-color:#f28230;}
.border {border:1px solid #f28230;}
Shades and Tints of #f28230
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, #0e0701 is the darkest color, while #fffdfb is the lightest one.
-
#0e0701
#0e0701
rgb(14,7,1)
-
#210f02
#210f02
rgb(33,15,2)
-
#331803
#331803
rgb(51,24,3)
-
#462004
#462004
rgb(70,32,4)
-
#582906
#582906
rgb(88,41,6)
-
#6b3107
#6b3107
rgb(107,49,7)
-
#7d3908
#7d3908
rgb(125,57,8)
-
#904209
#904209
rgb(144,66,9)
-
#a24a0a
#a24a0a
rgb(162,74,10)
-
#b5530b
#b5530b
rgb(181,83,11)
-
#c75b0d
#c75b0d
rgb(199,91,13)
-
#d9640e
#d9640e
rgb(217,100,14)
-
#ec6c0f
#ec6c0f
rgb(236,108,15)
-
#f1771e
#f1771e
rgb(241,119,30)
-
#f28230
#f28230
rgb(242,130,48)
-
#f38d42
#f38d42
rgb(243,141,66)
-
#f49855
#f49855
rgb(244,152,85)
-
#f5a367
#f5a367
rgb(245,163,103)
-
#f7af7a
#f7af7a
rgb(247,175,122)
-
#f8ba8c
#f8ba8c
rgb(248,186,140)
-
#f9c59f
#f9c59f
rgb(249,197,159)
-
#fad0b1
#fad0b1
rgb(250,208,177)
-
#fbdbc4
#fbdbc4
rgb(251,219,196)
-
#fce6d6
#fce6d6
rgb(252,230,214)
-
#fef1e9
#fef1e9
rgb(254,241,233)
-
#fffdfb
#fffdfb
rgb(255,253,251)
Tones of #f28230
A tone is produced by adding gray to any pure hue. In this case, #95908d is the less saturated color, while #fa8128 is the most saturated one.
-
#95908d
#95908d
rgb(149,144,141)
-
#9d8f85
#9d8f85
rgb(157,143,133)
-
#a68e7c
#a68e7c
rgb(166,142,124)
-
#ae8c74
#ae8c74
rgb(174,140,116)
-
#b78b6b
#b78b6b
rgb(183,139,107)
-
#bf8a63
#bf8a63
rgb(191,138,99)
-
#c8895a
#c8895a
rgb(200,137,90)
-
#d08752
#d08752
rgb(208,135,82)
-
#d98649
#d98649
rgb(217,134,73)
-
#e18541
#e18541
rgb(225,133,65)
-
#ea8338
#ea8338
rgb(234,131,56)
-
#f28230
#f28230
rgb(242,130,48)
-
#fa8128
#fa8128
rgb(250,129,40)
Color Blindness Simulator
Below, you can see how #f28230 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.