#ff701a Color Information
In a RGB color space, hex #ff701a is composed of 100% red, 43.9% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 89.8% yellow and 0% black. It has a hue angle of 22.5 degrees, a saturation of 100% and a lightness of 55.1%. #ff701a color hex could be obtained by blending #ffe034 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 10
-
- C 0
- M 56
- Y 90
- K 0
● #ff701a color description : Vivid orange.
#ff701a Color Conversion
The hexadecimal color #ff701a has RGB values of R:255, G:112, B:26 and CMYK values of C:0, M:0.56, Y:0.9, K:0. Its decimal value is 16740378.
Hex triplet | ff701a | #ff701a |
---|---|---|
RGB Decimal | 255, 112, 26 | rgb(255,112,26) |
RGB Percent | 100, 43.9, 10.2 | rgb(100%,43.9%,10.2%) |
CMYK | 0, 56, 90, 0 | |
HSL | 22.5°, 100, 55.1 | hsl(22.5,100%,55.1%) |
HSV (or HSB) | 22.5°, 89.8, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.102, 50.742, 67.229 |
---|---|
XYZ | 47.223, 32.928, 4.846 |
xyY | 0.556, 0.387, 32.928 |
CIE-LCH | 64.102, 84.229, 52.956 |
CIE-LUV | 64.102, 118.406, 54.147 |
Hunter-Lab | 57.383, 46.475, 35.161 |
Binary | 11111111, 01110000, 00011010 |
Color Schemes with #ff701a
Alternatives to #ff701a
Below, you can see some colors close to #ff701a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff701a Preview
This text has a font color of #ff701a.
<span style="color:#ff701a;">Text here</span>
This paragraph has a background color of #ff701a.
<p style="background-color:#ff701a;">Content here</p>
This element has a border color of #ff701a.
<div style="border:1px solid #ff701a;">Content here</div>
.text {color:#ff701a;}
.background {background-color:#ff701a;}
.border {border:1px solid #ff701a;}
Shades and Tints of #ff701a
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, #060200 is the darkest color, while #fff7f2 is the lightest one.
-
#060200
#060200
rgb(6,2,0)
-
#1a0a00
#1a0a00
rgb(26,10,0)
-
#2e1100
#2e1100
rgb(46,17,0)
-
#411800
#411800
rgb(65,24,0)
-
#552000
#552000
rgb(85,32,0)
-
#682700
#682700
rgb(104,39,0)
-
#7c2f00
#7c2f00
rgb(124,47,0)
-
#903600
#903600
rgb(144,54,0)
-
#a33d00
#a33d00
rgb(163,61,0)
-
#b74500
#b74500
rgb(183,69,0)
-
#cb4c00
#cb4c00
rgb(203,76,0)
-
#de5300
#de5300
rgb(222,83,0)
-
#f25b00
#f25b00
rgb(242,91,0)
-
#ff6406
#ff6406
rgb(255,100,6)
-
#ff701a
#ff701a
rgb(255,112,26)
-
#ff7c2e
#ff7c2e
rgb(255,124,46)
-
#ff8841
#ff8841
rgb(255,136,65)
-
#ff9555
#ff9555
rgb(255,149,85)
-
#ffa168
#ffa168
rgb(255,161,104)
-
#ffad7c
#ffad7c
rgb(255,173,124)
-
#ffb990
#ffb990
rgb(255,185,144)
-
#ffc6a3
#ffc6a3
rgb(255,198,163)
-
#ffd2b7
#ffd2b7
rgb(255,210,183)
-
#ffdecb
#ffdecb
rgb(255,222,203)
-
#ffeade
#ffeade
rgb(255,234,222)
-
#fff7f2
#fff7f2
rgb(255,247,242)
Tones of #ff701a
A tone is produced by adding gray to any pure hue. In this case, #958a84 is the less saturated color, while #ff701a is the most saturated one.
-
#958a84
#958a84
rgb(149,138,132)
-
#9e887b
#9e887b
rgb(158,136,123)
-
#a78672
#a78672
rgb(167,134,114)
-
#b08469
#b08469
rgb(176,132,105)
-
#b98260
#b98260
rgb(185,130,96)
-
#c17f58
#c17f58
rgb(193,127,88)
-
#ca7d4f
#ca7d4f
rgb(202,125,79)
-
#d37b46
#d37b46
rgb(211,123,70)
-
#dc793d
#dc793d
rgb(220,121,61)
-
#e57734
#e57734
rgb(229,119,52)
-
#ed742c
#ed742c
rgb(237,116,44)
-
#f67223
#f67223
rgb(246,114,35)
-
#ff701a
#ff701a
rgb(255,112,26)
Color Blindness Simulator
Below, you can see how #ff701a 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.