#ff702d Color Information
In a RGB color space, hex #ff702d is composed of 100% red, 43.9% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 82.4% yellow and 0% black. It has a hue angle of 19.1 degrees, a saturation of 100% and a lightness of 58.8%. #ff702d color hex could be obtained by blending #ffe05a with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 18
-
- C 0
- M 56
- Y 82
- K 0
● #ff702d color description : Vivid orange.
#ff702d Color Conversion
The hexadecimal color #ff702d has RGB values of R:255, G:112, B:45 and CMYK values of C:0, M:0.56, Y:0.82, K:0. Its decimal value is 16740397.
Hex triplet | ff702d | #ff702d |
---|---|---|
RGB Decimal | 255, 112, 45 | rgb(255,112,45) |
RGB Percent | 100, 43.9, 17.6 | rgb(100%,43.9%,17.6%) |
CMYK | 0, 56, 82, 0 | |
HSL | 19.1°, 100, 58.8 | hsl(19.1,100%,58.8%) |
HSV (or HSB) | 19.1°, 82.4, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 64.195, 51.142, 60.674 |
---|---|
XYZ | 47.51, 33.043, 6.359 |
xyY | 0.547, 0.38, 33.043 |
CIE-LCH | 64.195, 79.352, 49.872 |
CIE-LUV | 64.195, 116.98, 50.577 |
Hunter-Lab | 57.483, 46.936, 33.679 |
Binary | 11111111, 01110000, 00101101 |
Color Schemes with #ff702d
Alternatives to #ff702d
Below, you can see some colors close to #ff702d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff702d Preview
This text has a font color of #ff702d.
<span style="color:#ff702d;">Text here</span>
This paragraph has a background color of #ff702d.
<p style="background-color:#ff702d;">Content here</p>
This element has a border color of #ff702d.
<div style="border:1px solid #ff702d;">Content here</div>
.text {color:#ff702d;}
.background {background-color:#ff702d;}
.border {border:1px solid #ff702d;}
Shades and Tints of #ff702d
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 #fff6f1 is the lightest one.
-
#060200
#060200
rgb(6,2,0)
-
#190800
#190800
rgb(25,8,0)
-
#2d0e00
#2d0e00
rgb(45,14,0)
-
#411500
#411500
rgb(65,21,0)
-
#541b00
#541b00
rgb(84,27,0)
-
#682100
#682100
rgb(104,33,0)
-
#7b2700
#7b2700
rgb(123,39,0)
-
#8f2e00
#8f2e00
rgb(143,46,0)
-
#a33400
#a33400
rgb(163,52,0)
-
#b63a00
#b63a00
rgb(182,58,0)
-
#ca4000
#ca4000
rgb(202,64,0)
-
#de4700
#de4700
rgb(222,71,0)
-
#f14d00
#f14d00
rgb(241,77,0)
-
#ff5506
#ff5506
rgb(255,85,6)
-
#ff6319
#ff6319
rgb(255,99,25)
-
#ff702d
#ff702d
rgb(255,112,45)
-
#ff7d41
#ff7d41
rgb(255,125,65)
-
#ff8b54
#ff8b54
rgb(255,139,84)
-
#ff9868
#ff9868
rgb(255,152,104)
-
#ffa57b
#ffa57b
rgb(255,165,123)
-
#ffb38f
#ffb38f
rgb(255,179,143)
-
#ffc0a3
#ffc0a3
rgb(255,192,163)
-
#ffceb6
#ffceb6
rgb(255,206,182)
-
#ffdbca
#ffdbca
rgb(255,219,202)
-
#ffe8de
#ffe8de
rgb(255,232,222)
-
#fff6f1
#fff6f1
rgb(255,246,241)
Tones of #ff702d
A tone is produced by adding gray to any pure hue. In this case, #9e938e is the less saturated color, while #ff702d is the most saturated one.
-
#9e938e
#9e938e
rgb(158,147,142)
-
#a69086
#a69086
rgb(166,144,134)
-
#ae8d7e
#ae8d7e
rgb(174,141,126)
-
#b68a76
#b68a76
rgb(182,138,118)
-
#be876e
#be876e
rgb(190,135,110)
-
#c68466
#c68466
rgb(198,132,102)
-
#cf825d
#cf825d
rgb(207,130,93)
-
#d77f55
#d77f55
rgb(215,127,85)
-
#df7c4d
#df7c4d
rgb(223,124,77)
-
#e77945
#e77945
rgb(231,121,69)
-
#ef763d
#ef763d
rgb(239,118,61)
-
#f77335
#f77335
rgb(247,115,53)
-
#ff702d
#ff702d
rgb(255,112,45)
Color Blindness Simulator
Below, you can see how #ff702d 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.