#f28356 Color Information
In a RGB color space, hex #f28356 is composed of 94.9% red, 51.4% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 64.5% yellow and 5.1% black. It has a hue angle of 17.3 degrees, a saturation of 85.7% and a lightness of 64.3%. #f28356 color hex could be obtained by blending #ffffac with #e50700. Closest websafe color is: #ff9966.
-
- R 95
- G 51
- B 34
-
- C 0
- M 46
- Y 64
- K 5
● #f28356 color description : Soft orange.
#f28356 Color Conversion
The hexadecimal color #f28356 has RGB values of R:242, G:131, B:86 and CMYK values of C:0, M:0.46, Y:0.64, K:0.05. Its decimal value is 15893334.
Hex triplet | f28356 | #f28356 |
---|---|---|
RGB Decimal | 242, 131, 86 | rgb(242,131,86) |
RGB Percent | 94.9, 51.4, 33.7 | rgb(94.9%,51.4%,33.7%) |
CMYK | 0, 46, 64, 5 | |
HSL | 17.3°, 85.7, 64.3 | hsl(17.3,85.7%,64.3%) |
HSV (or HSB) | 17.3°, 64.5, 94.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 66.356, 38.759, 42.842 |
---|---|
XYZ | 46.415, 35.786, 13.267 |
xyY | 0.486, 0.375, 35.786 |
CIE-LCH | 66.356, 57.773, 47.864 |
CIE-LUV | 66.356, 86.411, 41.951 |
Hunter-Lab | 59.821, 33.812, 28.726 |
Binary | 11110010, 10000011, 01010110 |
Color Schemes with #f28356
Alternatives to #f28356
Below, you can see some colors close to #f28356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f28356 Preview
This text has a font color of #f28356.
<span style="color:#f28356;">Text here</span>
This paragraph has a background color of #f28356.
<p style="background-color:#f28356;">Content here</p>
This element has a border color of #f28356.
<div style="border:1px solid #f28356;">Content here</div>
.text {color:#f28356;}
.background {background-color:#f28356;}
.border {border:1px solid #f28356;}
Shades and Tints of #f28356
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, #0d0501 is the darkest color, while #fffbfa is the lightest one.
-
#0d0501
#0d0501
rgb(13,5,1)
-
#1f0b02
#1f0b02
rgb(31,11,2)
-
#321104
#321104
rgb(50,17,4)
-
#441705
#441705
rgb(68,23,5)
-
#561e07
#561e07
rgb(86,30,7)
-
#682408
#682408
rgb(104,36,8)
-
#7a2a09
#7a2a09
rgb(122,42,9)
-
#8d300b
#8d300b
rgb(141,48,11)
-
#9f370c
#9f370c
rgb(159,55,12)
-
#b13d0e
#b13d0e
rgb(177,61,14)
-
#c3430f
#c3430f
rgb(195,67,15)
-
#d64910
#d64910
rgb(214,73,16)
-
#e85012
#e85012
rgb(232,80,18)
-
#ee5b1f
#ee5b1f
rgb(238,91,31)
-
#ef6832
#ef6832
rgb(239,104,50)
-
#f17644
#f17644
rgb(241,118,68)
-
#f28356
#f28356
rgb(242,131,86)
-
#f39068
#f39068
rgb(243,144,104)
-
#f59e7a
#f59e7a
rgb(245,158,122)
-
#f6ab8d
#f6ab8d
rgb(246,171,141)
-
#f8b89f
#f8b89f
rgb(248,184,159)
-
#f9c6b1
#f9c6b1
rgb(249,198,177)
-
#fad3c3
#fad3c3
rgb(250,211,195)
-
#fce1d6
#fce1d6
rgb(252,225,214)
-
#fdeee8
#fdeee8
rgb(253,238,232)
-
#fffbfa
#fffbfa
rgb(255,251,250)
Tones of #f28356
A tone is produced by adding gray to any pure hue. In this case, #a5a4a3 is the less saturated color, while #f9804f is the most saturated one.
-
#a5a4a3
#a5a4a3
rgb(165,164,163)
-
#aca19c
#aca19c
rgb(172,161,156)
-
#b39e95
#b39e95
rgb(179,158,149)
-
#ba9b8e
#ba9b8e
rgb(186,155,142)
-
#c19887
#c19887
rgb(193,152,135)
-
#c89580
#c89580
rgb(200,149,128)
-
#cf9279
#cf9279
rgb(207,146,121)
-
#d68f72
#d68f72
rgb(214,143,114)
-
#dd8c6b
#dd8c6b
rgb(221,140,107)
-
#e48964
#e48964
rgb(228,137,100)
-
#eb865d
#eb865d
rgb(235,134,93)
-
#f28356
#f28356
rgb(242,131,86)
-
#f9804f
#f9804f
rgb(249,128,79)
Color Blindness Simulator
Below, you can see how #f28356 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.