#ff842f Color Information
In a RGB color space, hex #ff842f is composed of 100% red, 51.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.2% magenta, 81.6% yellow and 0% black. It has a hue angle of 24.5 degrees, a saturation of 100% and a lightness of 59.2%. #ff842f color hex could be obtained by blending #ffff5e with #ff0900. Closest websafe color is: #ff9933.
-
- R 100
- G 52
- B 18
-
- C 0
- M 48
- Y 82
- K 0
● #ff842f color description : Vivid orange.
#ff842f Color Conversion
The hexadecimal color #ff842f has RGB values of R:255, G:132, B:47 and CMYK values of C:0, M:0.48, Y:0.82, K:0. Its decimal value is 16745519.
Hex triplet | ff842f | #ff842f |
---|---|---|
RGB Decimal | 255, 132, 47 | rgb(255,132,47) |
RGB Percent | 100, 51.8, 18.4 | rgb(100%,51.8%,18.4%) |
CMYK | 0, 48, 82, 0 | |
HSL | 24.5°, 100, 59.2 | hsl(24.5,100%,59.2%) |
HSV (or HSB) | 24.5°, 81.6, 100 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 68, 41.574, 63.264 |
---|---|
XYZ | 50.006, 37.972, 7.385 |
xyY | 0.524, 0.398, 37.972 |
CIE-LCH | 68, 75.702, 56.689 |
CIE-LUV | 68, 100.642, 56.75 |
Hunter-Lab | 61.622, 37.015, 36.029 |
Binary | 11111111, 10000100, 00101111 |
Color Schemes with #ff842f
Alternatives to #ff842f
Below, you can see some colors close to #ff842f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff842f Preview
This text has a font color of #ff842f.
<span style="color:#ff842f;">Text here</span>
This paragraph has a background color of #ff842f.
<p style="background-color:#ff842f;">Content here</p>
This element has a border color of #ff842f.
<div style="border:1px solid #ff842f;">Content here</div>
.text {color:#ff842f;}
.background {background-color:#ff842f;}
.border {border:1px solid #ff842f;}
Shades and Tints of #ff842f
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, #080300 is the darkest color, while #fff8f3 is the lightest one.
-
#080300
#080300
rgb(8,3,0)
-
#1b0b00
#1b0b00
rgb(27,11,0)
-
#2f1300
#2f1300
rgb(47,19,0)
-
#431b00
#431b00
rgb(67,27,0)
-
#562300
#562300
rgb(86,35,0)
-
#6a2b00
#6a2b00
rgb(106,43,0)
-
#7d3300
#7d3300
rgb(125,51,0)
-
#913b00
#913b00
rgb(145,59,0)
-
#a54300
#a54300
rgb(165,67,0)
-
#b84b00
#b84b00
rgb(184,75,0)
-
#cc5300
#cc5300
rgb(204,83,0)
-
#e05b00
#e05b00
rgb(224,91,0)
-
#f36300
#f36300
rgb(243,99,0)
-
#ff6d08
#ff6d08
rgb(255,109,8)
-
#ff781b
#ff781b
rgb(255,120,27)
-
#ff842f
#ff842f
rgb(255,132,47)
-
#ff9043
#ff9043
rgb(255,144,67)
-
#ff9b56
#ff9b56
rgb(255,155,86)
-
#ffa76a
#ffa76a
rgb(255,167,106)
-
#ffb27d
#ffb27d
rgb(255,178,125)
-
#ffbe91
#ffbe91
rgb(255,190,145)
-
#ffcaa5
#ffcaa5
rgb(255,202,165)
-
#ffd5b8
#ffd5b8
rgb(255,213,184)
-
#ffe1cc
#ffe1cc
rgb(255,225,204)
-
#ffece0
#ffece0
rgb(255,236,224)
-
#fff8f3
#fff8f3
rgb(255,248,243)
Tones of #ff842f
A tone is produced by adding gray to any pure hue. In this case, #9f968f is the less saturated color, while #ff842f is the most saturated one.
-
#9f968f
#9f968f
rgb(159,150,143)
-
#a79487
#a79487
rgb(167,148,135)
-
#af937f
#af937f
rgb(175,147,127)
-
#b79177
#b79177
rgb(183,145,119)
-
#bf906f
#bf906f
rgb(191,144,111)
-
#c78e67
#c78e67
rgb(199,142,103)
-
#cf8d5f
#cf8d5f
rgb(207,141,95)
-
#d78b57
#d78b57
rgb(215,139,87)
-
#df8a4f
#df8a4f
rgb(223,138,79)
-
#e78847
#e78847
rgb(231,136,71)
-
#ef873f
#ef873f
rgb(239,135,63)
-
#f78537
#f78537
rgb(247,133,55)
-
#ff842f
#ff842f
rgb(255,132,47)
Color Blindness Simulator
Below, you can see how #ff842f 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.