#ff701d Color Information
In a RGB color space, hex #ff701d is composed of 100% red, 43.9% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 88.6% yellow and 0% black. It has a hue angle of 22 degrees, a saturation of 100% and a lightness of 55.7%. #ff701d color hex could be obtained by blending #ffe03a with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 11
-
- C 0
- M 56
- Y 89
- K 0
● #ff701d color description : Vivid orange.
#ff701d Color Conversion
The hexadecimal color #ff701d has RGB values of R:255, G:112, B:29 and CMYK values of C:0, M:0.56, Y:0.89, K:0. Its decimal value is 16740381.
Hex triplet | ff701d | #ff701d |
---|---|---|
RGB Decimal | 255, 112, 29 | rgb(255,112,29) |
RGB Percent | 100, 43.9, 11.4 | rgb(100%,43.9%,11.4%) |
CMYK | 0, 56, 89, 0 | |
HSL | 22°, 100, 55.7 | hsl(22,100%,55.7%) |
HSV (or HSB) | 22°, 88.6, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.114, 50.791, 66.354 |
---|---|
XYZ | 47.258, 32.942, 5.032 |
xyY | 0.554, 0.386, 32.942 |
CIE-LCH | 64.114, 83.562, 52.567 |
CIE-LUV | 64.114, 118.229, 53.704 |
Hunter-Lab | 57.395, 46.532, 34.978 |
Binary | 11111111, 01110000, 00011101 |
Color Schemes with #ff701d
Alternatives to #ff701d
Below, you can see some colors close to #ff701d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff701d Preview
This text has a font color of #ff701d.
<span style="color:#ff701d;">Text here</span>
This paragraph has a background color of #ff701d.
<p style="background-color:#ff701d;">Content here</p>
This element has a border color of #ff701d.
<div style="border:1px solid #ff701d;">Content here</div>
.text {color:#ff701d;}
.background {background-color:#ff701d;}
.border {border:1px solid #ff701d;}
Shades and Tints of #ff701d
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, #090300 is the darkest color, while #fff9f5 is the lightest one.
-
#090300
#090300
rgb(9,3,0)
-
#1d0b00
#1d0b00
rgb(29,11,0)
-
#311200
#311200
rgb(49,18,0)
-
#441900
#441900
rgb(68,25,0)
-
#582000
#582000
rgb(88,32,0)
-
#6b2700
#6b2700
rgb(107,39,0)
-
#7f2f00
#7f2f00
rgb(127,47,0)
-
#933600
#933600
rgb(147,54,0)
-
#a63d00
#a63d00
rgb(166,61,0)
-
#ba4400
#ba4400
rgb(186,68,0)
-
#ce4b00
#ce4b00
rgb(206,75,0)
-
#e15300
#e15300
rgb(225,83,0)
-
#f55a00
#f55a00
rgb(245,90,0)
-
#ff6409
#ff6409
rgb(255,100,9)
-
#ff701d
#ff701d
rgb(255,112,29)
-
#ff7c31
#ff7c31
rgb(255,124,49)
-
#ff8944
#ff8944
rgb(255,137,68)
-
#ff9558
#ff9558
rgb(255,149,88)
-
#ffa26b
#ffa26b
rgb(255,162,107)
-
#ffae7f
#ffae7f
rgb(255,174,127)
-
#ffba93
#ffba93
rgb(255,186,147)
-
#ffc7a6
#ffc7a6
rgb(255,199,166)
-
#ffd3ba
#ffd3ba
rgb(255,211,186)
-
#ffe0ce
#ffe0ce
rgb(255,224,206)
-
#ffece1
#ffece1
rgb(255,236,225)
-
#fff9f5
#fff9f5
rgb(255,249,245)
Tones of #ff701d
A tone is produced by adding gray to any pure hue. In this case, #978c85 is the less saturated color, while #ff701d is the most saturated one.
-
#978c85
#978c85
rgb(151,140,133)
-
#9f897d
#9f897d
rgb(159,137,125)
-
#a88774
#a88774
rgb(168,135,116)
-
#b1856b
#b1856b
rgb(177,133,107)
-
#b98263
#b98263
rgb(185,130,99)
-
#c2805a
#c2805a
rgb(194,128,90)
-
#cb7e51
#cb7e51
rgb(203,126,81)
-
#d47c48
#d47c48
rgb(212,124,72)
-
#dc7940
#dc7940
rgb(220,121,64)
-
#e57737
#e57737
rgb(229,119,55)
-
#ee752e
#ee752e
rgb(238,117,46)
-
#f67226
#f67226
rgb(246,114,38)
-
#ff701d
#ff701d
rgb(255,112,29)
Color Blindness Simulator
Below, you can see how #ff701d 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.