#ff6f1f Color Information
In a RGB color space, hex #ff6f1f is composed of 100% red, 43.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 87.8% yellow and 0% black. It has a hue angle of 21.4 degrees, a saturation of 100% and a lightness of 56.1%. #ff6f1f color hex could be obtained by blending #ffde3e with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 12
-
- C 0
- M 56
- Y 88
- K 0
● #ff6f1f color description : Vivid orange.
#ff6f1f Color Conversion
The hexadecimal color #ff6f1f has RGB values of R:255, G:111, B:31 and CMYK values of C:0, M:0.56, Y:0.88, K:0. Its decimal value is 16740127.
Hex triplet | ff6f1f | #ff6f1f |
---|---|---|
RGB Decimal | 255, 111, 31 | rgb(255,111,31) |
RGB Percent | 100, 43.5, 12.2 | rgb(100%,43.5%,12.2%) |
CMYK | 0, 56, 88, 0 | |
HSL | 21.4°, 100, 56.1 | hsl(21.4,100%,56.1%) |
HSV (or HSB) | 21.4°, 87.8, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.944, 51.289, 65.598 |
---|---|
XYZ | 47.174, 32.733, 5.13 |
xyY | 0.555, 0.385, 32.733 |
CIE-LCH | 63.944, 83.268, 51.979 |
CIE-LUV | 63.944, 118.904, 53.077 |
Hunter-Lab | 57.213, 47.058, 34.732 |
Binary | 11111111, 01101111, 00011111 |
Color Schemes with #ff6f1f
Alternatives to #ff6f1f
Below, you can see some colors close to #ff6f1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6f1f Preview
This text has a font color of #ff6f1f.
<span style="color:#ff6f1f;">Text here</span>
This paragraph has a background color of #ff6f1f.
<p style="background-color:#ff6f1f;">Content here</p>
This element has a border color of #ff6f1f.
<div style="border:1px solid #ff6f1f;">Content here</div>
.text {color:#ff6f1f;}
.background {background-color:#ff6f1f;}
.border {border:1px solid #ff6f1f;}
Shades and Tints of #ff6f1f
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, #0b0400 is the darkest color, while #fffaf7 is the lightest one.
-
#0b0400
#0b0400
rgb(11,4,0)
-
#1f0b00
#1f0b00
rgb(31,11,0)
-
#331200
#331200
rgb(51,18,0)
-
#461900
#461900
rgb(70,25,0)
-
#5a2000
#5a2000
rgb(90,32,0)
-
#6d2700
#6d2700
rgb(109,39,0)
-
#812e00
#812e00
rgb(129,46,0)
-
#953500
#953500
rgb(149,53,0)
-
#a83c00
#a83c00
rgb(168,60,0)
-
#bc4300
#bc4300
rgb(188,67,0)
-
#d04a00
#d04a00
rgb(208,74,0)
-
#e35100
#e35100
rgb(227,81,0)
-
#f75800
#f75800
rgb(247,88,0)
-
#ff620b
#ff620b
rgb(255,98,11)
-
#ff6f1f
#ff6f1f
rgb(255,111,31)
-
#ff7c33
#ff7c33
rgb(255,124,51)
-
#ff8846
#ff8846
rgb(255,136,70)
-
#ff955a
#ff955a
rgb(255,149,90)
-
#ffa16d
#ffa16d
rgb(255,161,109)
-
#ffae81
#ffae81
rgb(255,174,129)
-
#ffbb95
#ffbb95
rgb(255,187,149)
-
#ffc7a8
#ffc7a8
rgb(255,199,168)
-
#ffd4bc
#ffd4bc
rgb(255,212,188)
-
#ffe0d0
#ffe0d0
rgb(255,224,208)
-
#ffede3
#ffede3
rgb(255,237,227)
-
#fffaf7
#fffaf7
rgb(255,250,247)
Tones of #ff6f1f
A tone is produced by adding gray to any pure hue. In this case, #988d86 is the less saturated color, while #ff6f1f is the most saturated one.
-
#988d86
#988d86
rgb(152,141,134)
-
#a08a7e
#a08a7e
rgb(160,138,126)
-
#a98875
#a98875
rgb(169,136,117)
-
#b1856d
#b1856d
rgb(177,133,109)
-
#ba8364
#ba8364
rgb(186,131,100)
-
#c3805b
#c3805b
rgb(195,128,91)
-
#cb7e53
#cb7e53
rgb(203,126,83)
-
#d47b4a
#d47b4a
rgb(212,123,74)
-
#dd7941
#dd7941
rgb(221,121,65)
-
#e57639
#e57639
rgb(229,118,57)
-
#ee7430
#ee7430
rgb(238,116,48)
-
#f67128
#f67128
rgb(246,113,40)
-
#ff6f1f
#ff6f1f
rgb(255,111,31)
Color Blindness Simulator
Below, you can see how #ff6f1f 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.