#f88228 Color Information
In a RGB color space, hex #f88228 is composed of 97.3% red, 51% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 83.9% yellow and 2.7% black. It has a hue angle of 26 degrees, a saturation of 93.7% and a lightness of 56.5%. #f88228 color hex could be obtained by blending #ffff50 with #f10500. Closest websafe color is: #ff9933.
-
- R 97
- G 51
- B 16
-
- C 0
- M 48
- Y 84
- K 3
● #f88228 color description : Bright orange.
#f88228 Color Conversion
The hexadecimal color #f88228 has RGB values of R:248, G:130, B:40 and CMYK values of C:0, M:0.48, Y:0.84, K:0.03. Its decimal value is 16286248.
Hex triplet | f88228 | #f88228 |
---|---|---|
RGB Decimal | 248, 130, 40 | rgb(248,130,40) |
RGB Percent | 97.3, 51, 15.7 | rgb(97.3%,51%,15.7%) |
CMYK | 0, 48, 84, 3 | |
HSL | 26°, 93.7, 56.5 | hsl(26,93.7%,56.5%) |
HSV (or HSB) | 26°, 83.9, 97.3 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 66.58, 39.658, 64.246 |
---|---|
XYZ | 47.079, 36.079, 6.492 |
xyY | 0.525, 0.402, 36.079 |
CIE-LCH | 66.58, 75.501, 58.313 |
CIE-LUV | 66.58, 96.958, 57.088 |
Hunter-Lab | 60.066, 34.79, 35.638 |
Binary | 11111000, 10000010, 00101000 |
Color Schemes with #f88228
Alternatives to #f88228
Below, you can see some colors close to #f88228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f88228 Preview
This text has a font color of #f88228.
<span style="color:#f88228;">Text here</span>
This paragraph has a background color of #f88228.
<p style="background-color:#f88228;">Content here</p>
This element has a border color of #f88228.
<div style="border:1px solid #f88228;">Content here</div>
.text {color:#f88228;}
.background {background-color:#f88228;}
.border {border:1px solid #f88228;}
Shades and Tints of #f88228
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, #0d0600 is the darkest color, while #fffbf9 is the lightest one.
-
#0d0600
#0d0600
rgb(13,6,0)
-
#200e01
#200e01
rgb(32,14,1)
-
#331702
#331702
rgb(51,23,2)
-
#462002
#462002
rgb(70,32,2)
-
#592803
#592803
rgb(89,40,3)
-
#6c3104
#6c3104
rgb(108,49,4)
-
#7f3904
#7f3904
rgb(127,57,4)
-
#924205
#924205
rgb(146,66,5)
-
#a54a05
#a54a05
rgb(165,74,5)
-
#b85306
#b85306
rgb(184,83,6)
-
#cb5c07
#cb5c07
rgb(203,92,7)
-
#de6407
#de6407
rgb(222,100,7)
-
#f16d08
#f16d08
rgb(241,109,8)
-
#f77715
#f77715
rgb(247,119,21)
-
#f88228
#f88228
rgb(248,130,40)
-
#f98d3b
#f98d3b
rgb(249,141,59)
-
#f9984e
#f9984e
rgb(249,152,78)
-
#faa361
#faa361
rgb(250,163,97)
-
#faae74
#faae74
rgb(250,174,116)
-
#fbb987
#fbb987
rgb(251,185,135)
-
#fcc49a
#fcc49a
rgb(252,196,154)
-
#fccfad
#fccfad
rgb(252,207,173)
-
#fddac0
#fddac0
rgb(253,218,192)
-
#fee5d3
#fee5d3
rgb(254,229,211)
-
#fef0e6
#fef0e6
rgb(254,240,230)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #f88228
A tone is produced by adding gray to any pure hue. In this case, #92908e is the less saturated color, while #f88228 is the most saturated one.
-
#92908e
#92908e
rgb(146,144,142)
-
#9a8f86
#9a8f86
rgb(154,143,134)
-
#a38d7d
#a38d7d
rgb(163,141,125)
-
#ab8c75
#ab8c75
rgb(171,140,117)
-
#b48b6c
#b48b6c
rgb(180,139,108)
-
#bc8a64
#bc8a64
rgb(188,138,100)
-
#c5895b
#c5895b
rgb(197,137,91)
-
#cd8853
#cd8853
rgb(205,136,83)
-
#d6874a
#d6874a
rgb(214,135,74)
-
#de8542
#de8542
rgb(222,133,66)
-
#e78439
#e78439
rgb(231,132,57)
-
#ef8331
#ef8331
rgb(239,131,49)
-
#f88228
#f88228
rgb(248,130,40)
Color Blindness Simulator
Below, you can see how #f88228 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.