#ff6414 Color Information
In a RGB color space, hex #ff6414 is composed of 100% red, 39.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.8% magenta, 92.2% yellow and 0% black. It has a hue angle of 20.4 degrees, a saturation of 100% and a lightness of 53.9%. #ff6414 color hex could be obtained by blending #ffc828 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 39
- B 8
-
- C 0
- M 61
- Y 92
- K 0
● #ff6414 color description : Vivid orange.
#ff6414 Color Conversion
The hexadecimal color #ff6414 has RGB values of R:255, G:100, B:20 and CMYK values of C:0, M:0.61, Y:0.92, K:0. Its decimal value is 16737300.
Hex triplet | ff6414 | #ff6414 |
---|---|---|
RGB Decimal | 255, 100, 20 | rgb(255,100,20) |
RGB Percent | 100, 39.2, 7.8 | rgb(100%,39.2%,7.8%) |
CMYK | 0, 61, 92, 0 | |
HSL | 20.4°, 100, 53.9 | hsl(20.4,100%,53.9%) |
HSV (or HSB) | 20.4°, 92.2, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 62.023, 56.044, 67.395 |
---|---|
XYZ | 45.926, 30.43, 4.117 |
xyY | 0.571, 0.378, 30.43 |
CIE-LCH | 62.023, 87.652, 50.254 |
CIE-LUV | 62.023, 128.246, 51.388 |
Hunter-Lab | 55.163, 52.072, 34.189 |
Binary | 11111111, 01100100, 00010100 |
Color Schemes with #ff6414
Alternatives to #ff6414
Below, you can see some colors close to #ff6414. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6414 Preview
This text has a font color of #ff6414.
<span style="color:#ff6414;">Text here</span>
This paragraph has a background color of #ff6414.
<p style="background-color:#ff6414;">Content here</p>
This element has a border color of #ff6414.
<div style="border:1px solid #ff6414;">Content here</div>
.text {color:#ff6414;}
.background {background-color:#ff6414;}
.border {border:1px solid #ff6414;}
Shades and Tints of #ff6414
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, #000000 is the darkest color, while #fff2ec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140700
#140700
rgb(20,7,0)
-
#280d00
#280d00
rgb(40,13,0)
-
#3b1400
#3b1400
rgb(59,20,0)
-
#4f1b00
#4f1b00
rgb(79,27,0)
-
#622200
#622200
rgb(98,34,0)
-
#762800
#762800
rgb(118,40,0)
-
#8a2f00
#8a2f00
rgb(138,47,0)
-
#9d3600
#9d3600
rgb(157,54,0)
-
#b13c00
#b13c00
rgb(177,60,0)
-
#c54300
#c54300
rgb(197,67,0)
-
#d84a00
#d84a00
rgb(216,74,0)
-
#ec5000
#ec5000
rgb(236,80,0)
-
#ff5700
#ff5700
rgb(255,87,0)
-
#ff6414
#ff6414
rgb(255,100,20)
-
#ff7128
#ff7128
rgb(255,113,40)
-
#ff7e3b
#ff7e3b
rgb(255,126,59)
-
#ff8b4f
#ff8b4f
rgb(255,139,79)
-
#ff9862
#ff9862
rgb(255,152,98)
-
#ffa576
#ffa576
rgb(255,165,118)
-
#ffb28a
#ffb28a
rgb(255,178,138)
-
#ffbf9d
#ffbf9d
rgb(255,191,157)
-
#ffccb1
#ffccb1
rgb(255,204,177)
-
#ffd8c5
#ffd8c5
rgb(255,216,197)
-
#ffe5d8
#ffe5d8
rgb(255,229,216)
-
#fff2ec
#fff2ec
rgb(255,242,236)
Tones of #ff6414
A tone is produced by adding gray to any pure hue. In this case, #938780 is the less saturated color, while #ff6414 is the most saturated one.
-
#938780
#938780
rgb(147,135,128)
-
#9c8477
#9c8477
rgb(156,132,119)
-
#a5816e
#a5816e
rgb(165,129,110)
-
#ae7e65
#ae7e65
rgb(174,126,101)
-
#b77b5c
#b77b5c
rgb(183,123,92)
-
#c07853
#c07853
rgb(192,120,83)
-
#c9754a
#c9754a
rgb(201,117,74)
-
#d27241
#d27241
rgb(210,114,65)
-
#db7038
#db7038
rgb(219,112,56)
-
#e46d2f
#e46d2f
rgb(228,109,47)
-
#ed6a26
#ed6a26
rgb(237,106,38)
-
#f6671d
#f6671d
rgb(246,103,29)
-
#ff6414
#ff6414
rgb(255,100,20)
Color Blindness Simulator
Below, you can see how #ff6414 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.