#ff842e Color Information
In a RGB color space, hex #ff842e is composed of 100% red, 51.8% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.2% magenta, 82% yellow and 0% black. It has a hue angle of 24.7 degrees, a saturation of 100% and a lightness of 59%. #ff842e color hex could be obtained by blending #ffff5c with #ff0900. Closest websafe color is: #ff9933.
-
- R 100
- G 52
- B 18
-
- C 0
- M 48
- Y 82
- K 0
● #ff842e color description : Vivid orange.
#ff842e Color Conversion
The hexadecimal color #ff842e has RGB values of R:255, G:132, B:46 and CMYK values of C:0, M:0.48, Y:0.82, K:0. Its decimal value is 16745518.
Hex triplet | ff842e | #ff842e |
---|---|---|
RGB Decimal | 255, 132, 46 | rgb(255,132,46) |
RGB Percent | 100, 51.8, 18 | rgb(100%,51.8%,18%) |
CMYK | 0, 48, 82, 0 | |
HSL | 24.7°, 100, 59 | hsl(24.7,100%,59%) |
HSV (or HSB) | 24.7°, 82, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 67.994, 41.546, 63.642 |
---|---|
XYZ | 49.986, 37.964, 7.28 |
xyY | 0.525, 0.399, 37.964 |
CIE-LCH | 67.994, 76.003, 56.864 |
CIE-LUV | 67.994, 100.719, 56.979 |
Hunter-Lab | 61.615, 36.984, 36.125 |
Binary | 11111111, 10000100, 00101110 |
Color Schemes with #ff842e
Alternatives to #ff842e
Below, you can see some colors close to #ff842e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff842e Preview
This text has a font color of #ff842e.
<span style="color:#ff842e;">Text here</span>
This paragraph has a background color of #ff842e.
<p style="background-color:#ff842e;">Content here</p>
This element has a border color of #ff842e.
<div style="border:1px solid #ff842e;">Content here</div>
.text {color:#ff842e;}
.background {background-color:#ff842e;}
.border {border:1px solid #ff842e;}
Shades and Tints of #ff842e
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, #070300 is the darkest color, while #fff7f2 is the lightest one.
-
#070300
#070300
rgb(7,3,0)
-
#1a0b00
#1a0b00
rgb(26,11,0)
-
#2e1300
#2e1300
rgb(46,19,0)
-
#421b00
#421b00
rgb(66,27,0)
-
#552300
#552300
rgb(85,35,0)
-
#692b00
#692b00
rgb(105,43,0)
-
#7c3300
#7c3300
rgb(124,51,0)
-
#903b00
#903b00
rgb(144,59,0)
-
#a44300
#a44300
rgb(164,67,0)
-
#b74b00
#b74b00
rgb(183,75,0)
-
#cb5300
#cb5300
rgb(203,83,0)
-
#df5c00
#df5c00
rgb(223,92,0)
-
#f26400
#f26400
rgb(242,100,0)
-
#ff6d07
#ff6d07
rgb(255,109,7)
-
#ff781a
#ff781a
rgb(255,120,26)
-
#ff842e
#ff842e
rgb(255,132,46)
-
#ff9042
#ff9042
rgb(255,144,66)
-
#ff9b55
#ff9b55
rgb(255,155,85)
-
#ffa769
#ffa769
rgb(255,167,105)
-
#ffb27c
#ffb27c
rgb(255,178,124)
-
#ffbe90
#ffbe90
rgb(255,190,144)
-
#ffc9a4
#ffc9a4
rgb(255,201,164)
-
#ffd5b7
#ffd5b7
rgb(255,213,183)
-
#ffe0cb
#ffe0cb
rgb(255,224,203)
-
#ffecdf
#ffecdf
rgb(255,236,223)
-
#fff7f2
#fff7f2
rgb(255,247,242)
Tones of #ff842e
A tone is produced by adding gray to any pure hue. In this case, #9f958e is the less saturated color, while #ff842e is the most saturated one.
-
#9f958e
#9f958e
rgb(159,149,142)
-
#a79486
#a79486
rgb(167,148,134)
-
#af927e
#af927e
rgb(175,146,126)
-
#b79176
#b79176
rgb(183,145,118)
-
#bf8f6e
#bf8f6e
rgb(191,143,110)
-
#c78e66
#c78e66
rgb(199,142,102)
-
#cf8d5e
#cf8d5e
rgb(207,141,94)
-
#d78b56
#d78b56
rgb(215,139,86)
-
#df8a4e
#df8a4e
rgb(223,138,78)
-
#e78846
#e78846
rgb(231,136,70)
-
#ef873e
#ef873e
rgb(239,135,62)
-
#f78536
#f78536
rgb(247,133,54)
-
#ff842e
#ff842e
rgb(255,132,46)
Color Blindness Simulator
Below, you can see how #ff842e 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.