#ff670e Color Information
In a RGB color space, hex #ff670e is composed of 100% red, 40.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.6% magenta, 94.5% yellow and 0% black. It has a hue angle of 22.2 degrees, a saturation of 100% and a lightness of 52.7%. #ff670e color hex could be obtained by blending #ffce1c with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 40
- B 5
-
- C 0
- M 60
- Y 95
- K 0
● #ff670e color description : Vivid orange.
#ff670e Color Conversion
The hexadecimal color #ff670e has RGB values of R:255, G:103, B:14 and CMYK values of C:0, M:0.6, Y:0.95, K:0. Its decimal value is 16738062.
Hex triplet | ff670e | #ff670e |
---|---|---|
RGB Decimal | 255, 103, 14 | rgb(255,103,14) |
RGB Percent | 100, 40.4, 5.5 | rgb(100%,40.4%,5.5%) |
CMYK | 0, 60, 95, 0 | |
HSL | 22.2°, 100, 52.7 | hsl(22.2,100%,52.7%) |
HSV (or HSB) | 22.2°, 94.5, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 62.505, 54.666, 69.05 |
---|---|
XYZ | 46.172, 30.997, 3.967 |
xyY | 0.569, 0.382, 30.997 |
CIE-LCH | 62.505, 88.07, 51.632 |
CIE-LUV | 62.505, 126.166, 52.853 |
Hunter-Lab | 55.675, 50.599, 34.748 |
Binary | 11111111, 01100111, 00001110 |
Color Schemes with #ff670e
Alternatives to #ff670e
Below, you can see some colors close to #ff670e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff670e Preview
This text has a font color of #ff670e.
<span style="color:#ff670e;">Text here</span>
This paragraph has a background color of #ff670e.
<p style="background-color:#ff670e;">Content here</p>
This element has a border color of #ff670e.
<div style="border:1px solid #ff670e;">Content here</div>
.text {color:#ff670e;}
.background {background-color:#ff670e;}
.border {border:1px solid #ff670e;}
Shades and Tints of #ff670e
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, #0e0500 is the darkest color, while #fffbf9 is the lightest one.
-
#0e0500
#0e0500
rgb(14,5,0)
-
#220c00
#220c00
rgb(34,12,0)
-
#351400
#351400
rgb(53,20,0)
-
#491b00
#491b00
rgb(73,27,0)
-
#5c2200
#5c2200
rgb(92,34,0)
-
#702900
#702900
rgb(112,41,0)
-
#843100
#843100
rgb(132,49,0)
-
#973800
#973800
rgb(151,56,0)
-
#ab3f00
#ab3f00
rgb(171,63,0)
-
#bf4600
#bf4600
rgb(191,70,0)
-
#d24e00
#d24e00
rgb(210,78,0)
-
#e65500
#e65500
rgb(230,85,0)
-
#f95c00
#f95c00
rgb(249,92,0)
-
#ff670e
#ff670e
rgb(255,103,14)
-
#ff7322
#ff7322
rgb(255,115,34)
-
#ff8035
#ff8035
rgb(255,128,53)
-
#ff8c49
#ff8c49
rgb(255,140,73)
-
#ff985c
#ff985c
rgb(255,152,92)
-
#ffa570
#ffa570
rgb(255,165,112)
-
#ffb184
#ffb184
rgb(255,177,132)
-
#ffbe97
#ffbe97
rgb(255,190,151)
-
#ffcaab
#ffcaab
rgb(255,202,171)
-
#ffd6bf
#ffd6bf
rgb(255,214,191)
-
#ffe3d2
#ffe3d2
rgb(255,227,210)
-
#ffefe6
#ffefe6
rgb(255,239,230)
-
#fffbf9
#fffbf9
rgb(255,251,249)
Tones of #ff670e
A tone is produced by adding gray to any pure hue. In this case, #90847d is the less saturated color, while #ff670e is the most saturated one.
-
#90847d
#90847d
rgb(144,132,125)
-
#998274
#998274
rgb(153,130,116)
-
#a27f6b
#a27f6b
rgb(162,127,107)
-
#ac7d61
#ac7d61
rgb(172,125,97)
-
#b57a58
#b57a58
rgb(181,122,88)
-
#be784f
#be784f
rgb(190,120,79)
-
#c77646
#c77646
rgb(199,118,70)
-
#d1733c
#d1733c
rgb(209,115,60)
-
#da7133
#da7133
rgb(218,113,51)
-
#e36e2a
#e36e2a
rgb(227,110,42)
-
#ec6c21
#ec6c21
rgb(236,108,33)
-
#f66917
#f66917
rgb(246,105,23)
-
#ff670e
#ff670e
rgb(255,103,14)
Color Blindness Simulator
Below, you can see how #ff670e 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.