#ff700c Color Information
In a RGB color space, hex #ff700c is composed of 100% red, 43.9% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 95.3% yellow and 0% black. It has a hue angle of 24.7 degrees, a saturation of 100% and a lightness of 52.4%. #ff700c color hex could be obtained by blending #ffe018 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 44
- B 5
-
- C 0
- M 56
- Y 95
- K 0
● #ff700c color description : Vivid orange.
#ff700c Color Conversion
The hexadecimal color #ff700c has RGB values of R:255, G:112, B:12 and CMYK values of C:0, M:0.56, Y:0.95, K:0. Its decimal value is 16740364.
Hex triplet | ff700c | #ff700c |
---|---|---|
RGB Decimal | 255, 112, 12 | rgb(255,112,12) |
RGB Percent | 100, 43.9, 4.7 | rgb(100%,43.9%,4.7%) |
CMYK | 0, 56, 95, 0 | |
HSL | 24.7°, 100, 52.4 | hsl(24.7,100%,52.4%) |
HSV (or HSB) | 24.7°, 95.3, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 64.063, 50.574, 70.39 |
---|---|
XYZ | 47.103, 32.88, 4.214 |
xyY | 0.559, 0.391, 32.88 |
CIE-LCH | 64.063, 86.674, 54.303 |
CIE-LUV | 64.063, 119.012, 55.662 |
Hunter-Lab | 57.341, 46.282, 35.781 |
Binary | 11111111, 01110000, 00001100 |
Color Schemes with #ff700c
Alternatives to #ff700c
Below, you can see some colors close to #ff700c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff700c Preview
This text has a font color of #ff700c.
<span style="color:#ff700c;">Text here</span>
This paragraph has a background color of #ff700c.
<p style="background-color:#ff700c;">Content here</p>
This element has a border color of #ff700c.
<div style="border:1px solid #ff700c;">Content here</div>
.text {color:#ff700c;}
.background {background-color:#ff700c;}
.border {border:1px solid #ff700c;}
Shades and Tints of #ff700c
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, #0c0500 is the darkest color, while #fffbf7 is the lightest one.
-
#0c0500
#0c0500
rgb(12,5,0)
-
#200d00
#200d00
rgb(32,13,0)
-
#331500
#331500
rgb(51,21,0)
-
#471d00
#471d00
rgb(71,29,0)
-
#5a2500
#5a2500
rgb(90,37,0)
-
#6e2d00
#6e2d00
rgb(110,45,0)
-
#823500
#823500
rgb(130,53,0)
-
#953d00
#953d00
rgb(149,61,0)
-
#a94600
#a94600
rgb(169,70,0)
-
#bd4e00
#bd4e00
rgb(189,78,0)
-
#d05600
#d05600
rgb(208,86,0)
-
#e45e00
#e45e00
rgb(228,94,0)
-
#f76600
#f76600
rgb(247,102,0)
-
#ff700c
#ff700c
rgb(255,112,12)
-
#ff7c20
#ff7c20
rgb(255,124,32)
-
#ff8733
#ff8733
rgb(255,135,51)
-
#ff9347
#ff9347
rgb(255,147,71)
-
#ff9e5a
#ff9e5a
rgb(255,158,90)
-
#ffaa6e
#ffaa6e
rgb(255,170,110)
-
#ffb582
#ffb582
rgb(255,181,130)
-
#ffc195
#ffc195
rgb(255,193,149)
-
#ffcca9
#ffcca9
rgb(255,204,169)
-
#ffd8bd
#ffd8bd
rgb(255,216,189)
-
#ffe3d0
#ffe3d0
rgb(255,227,208)
-
#ffefe4
#ffefe4
rgb(255,239,228)
-
#fffbf7
#fffbf7
rgb(255,251,247)
Tones of #ff700c
A tone is produced by adding gray to any pure hue. In this case, #8f847c is the less saturated color, while #ff700c is the most saturated one.
-
#8f847c
#8f847c
rgb(143,132,124)
-
#988273
#988273
rgb(152,130,115)
-
#a28169
#a28169
rgb(162,129,105)
-
#ab7f60
#ab7f60
rgb(171,127,96)
-
#b47d57
#b47d57
rgb(180,125,87)
-
#be7c4d
#be7c4d
rgb(190,124,77)
-
#c77a44
#c77a44
rgb(199,122,68)
-
#d0783b
#d0783b
rgb(208,120,59)
-
#da7731
#da7731
rgb(218,119,49)
-
#e37528
#e37528
rgb(227,117,40)
-
#ec731f
#ec731f
rgb(236,115,31)
-
#f67215
#f67215
rgb(246,114,21)
-
#ff700c
#ff700c
rgb(255,112,12)
Color Blindness Simulator
Below, you can see how #ff700c 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.