#ff6f1c Color Information
In a RGB color space, hex #ff6f1c is composed of 100% red, 43.5% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.5% magenta, 89% yellow and 0% black. It has a hue angle of 21.9 degrees, a saturation of 100% and a lightness of 55.5%. #ff6f1c color hex could be obtained by blending #ffde38 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 44
- B 11
-
- C 0
- M 56
- Y 89
- K 0
● #ff6f1c color description : Vivid orange.
#ff6f1c Color Conversion
The hexadecimal color #ff6f1c has RGB values of R:255, G:111, B:28 and CMYK values of C:0, M:0.56, Y:0.89, K:0. Its decimal value is 16740124.
Hex triplet | ff6f1c | #ff6f1c |
---|---|---|
RGB Decimal | 255, 111, 28 | rgb(255,111,28) |
RGB Percent | 100, 43.5, 11 | rgb(100%,43.5%,11%) |
CMYK | 0, 56, 89, 0 | |
HSL | 21.9°, 100, 55.5 | hsl(21.9,100%,55.5%) |
HSV (or HSB) | 21.9°, 89, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 63.932, 51.236, 66.521 |
---|---|
XYZ | 47.136, 32.718, 4.932 |
xyY | 0.556, 0.386, 32.718 |
CIE-LCH | 63.932, 83.966, 52.396 |
CIE-LUV | 63.932, 119.095, 53.55 |
Hunter-Lab | 57.199, 46.997, 34.928 |
Binary | 11111111, 01101111, 00011100 |
Color Schemes with #ff6f1c
Alternatives to #ff6f1c
Below, you can see some colors close to #ff6f1c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6f1c Preview
This text has a font color of #ff6f1c.
<span style="color:#ff6f1c;">Text here</span>
This paragraph has a background color of #ff6f1c.
<p style="background-color:#ff6f1c;">Content here</p>
This element has a border color of #ff6f1c.
<div style="border:1px solid #ff6f1c;">Content here</div>
.text {color:#ff6f1c;}
.background {background-color:#ff6f1c;}
.border {border:1px solid #ff6f1c;}
Shades and Tints of #ff6f1c
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, #080300 is the darkest color, while #fff8f4 is the lightest one.
-
#080300
#080300
rgb(8,3,0)
-
#1c0a00
#1c0a00
rgb(28,10,0)
-
#301100
#301100
rgb(48,17,0)
-
#431900
#431900
rgb(67,25,0)
-
#572000
#572000
rgb(87,32,0)
-
#6a2700
#6a2700
rgb(106,39,0)
-
#7e2e00
#7e2e00
rgb(126,46,0)
-
#923500
#923500
rgb(146,53,0)
-
#a53c00
#a53c00
rgb(165,60,0)
-
#b94400
#b94400
rgb(185,68,0)
-
#cd4b00
#cd4b00
rgb(205,75,0)
-
#e05200
#e05200
rgb(224,82,0)
-
#f45900
#f45900
rgb(244,89,0)
-
#ff6308
#ff6308
rgb(255,99,8)
-
#ff6f1c
#ff6f1c
rgb(255,111,28)
-
#ff7b30
#ff7b30
rgb(255,123,48)
-
#ff8843
#ff8843
rgb(255,136,67)
-
#ff9457
#ff9457
rgb(255,148,87)
-
#ffa16a
#ffa16a
rgb(255,161,106)
-
#ffad7e
#ffad7e
rgb(255,173,126)
-
#ffba92
#ffba92
rgb(255,186,146)
-
#ffc6a5
#ffc6a5
rgb(255,198,165)
-
#ffd3b9
#ffd3b9
rgb(255,211,185)
-
#ffdfcd
#ffdfcd
rgb(255,223,205)
-
#ffebe0
#ffebe0
rgb(255,235,224)
-
#fff8f4
#fff8f4
rgb(255,248,244)
Tones of #ff6f1c
A tone is produced by adding gray to any pure hue. In this case, #968b85 is the less saturated color, while #ff6f1c is the most saturated one.
-
#968b85
#968b85
rgb(150,139,133)
-
#9f897c
#9f897c
rgb(159,137,124)
-
#a88673
#a88673
rgb(168,134,115)
-
#b0846b
#b0846b
rgb(176,132,107)
-
#b98262
#b98262
rgb(185,130,98)
-
#c27f59
#c27f59
rgb(194,127,89)
-
#cb7d50
#cb7d50
rgb(203,125,80)
-
#d37b48
#d37b48
rgb(211,123,72)
-
#dc783f
#dc783f
rgb(220,120,63)
-
#e57636
#e57636
rgb(229,118,54)
-
#ee742d
#ee742d
rgb(238,116,45)
-
#f67125
#f67125
rgb(246,113,37)
-
#ff6f1c
#ff6f1c
rgb(255,111,28)
Color Blindness Simulator
Below, you can see how #ff6f1c 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.