#ff6814 Color Information
In a RGB color space, hex #ff6814 is composed of 100% red, 40.8% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.2% magenta, 92.2% yellow and 0% black. It has a hue angle of 21.4 degrees, a saturation of 100% and a lightness of 53.9%. #ff6814 color hex could be obtained by blending #ffd028 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 41
- B 8
-
- C 0
- M 59
- Y 92
- K 0
● #ff6814 color description : Vivid orange.
#ff6814 Color Conversion
The hexadecimal color #ff6814 has RGB values of R:255, G:104, B:20 and CMYK values of C:0, M:0.59, Y:0.92, K:0. Its decimal value is 16738324.
Hex triplet | ff6814 | #ff6814 |
---|---|---|
RGB Decimal | 255, 104, 20 | rgb(255,104,20) |
RGB Percent | 100, 40.8, 7.8 | rgb(100%,40.8%,7.8%) |
CMYK | 0, 59, 92, 0 | |
HSL | 21.4°, 100, 53.9 | hsl(21.4,100%,53.9%) |
HSV (or HSB) | 21.4°, 92.2, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 62.69, 54.288, 67.839 |
---|---|
XYZ | 46.319, 31.216, 4.248 |
xyY | 0.566, 0.382, 31.216 |
CIE-LCH | 62.69, 86.887, 51.331 |
CIE-LUV | 62.69, 125.115, 52.531 |
Hunter-Lab | 55.871, 50.206, 34.602 |
Binary | 11111111, 01101000, 00010100 |
Color Schemes with #ff6814
Alternatives to #ff6814
Below, you can see some colors close to #ff6814. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6814 Preview
This text has a font color of #ff6814.
<span style="color:#ff6814;">Text here</span>
This paragraph has a background color of #ff6814.
<p style="background-color:#ff6814;">Content here</p>
This element has a border color of #ff6814.
<div style="border:1px solid #ff6814;">Content here</div>
.text {color:#ff6814;}
.background {background-color:#ff6814;}
.border {border:1px solid #ff6814;}
Shades and Tints of #ff6814
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 #fff3ec is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#140700
#140700
rgb(20,7,0)
-
#280e00
#280e00
rgb(40,14,0)
-
#3b1500
#3b1500
rgb(59,21,0)
-
#4f1c00
#4f1c00
rgb(79,28,0)
-
#622300
#622300
rgb(98,35,0)
-
#762a00
#762a00
rgb(118,42,0)
-
#8a3100
#8a3100
rgb(138,49,0)
-
#9d3800
#9d3800
rgb(157,56,0)
-
#b13f00
#b13f00
rgb(177,63,0)
-
#c54600
#c54600
rgb(197,70,0)
-
#d84d00
#d84d00
rgb(216,77,0)
-
#ec5400
#ec5400
rgb(236,84,0)
-
#ff5b00
#ff5b00
rgb(255,91,0)
-
#ff6814
#ff6814
rgb(255,104,20)
-
#ff7528
#ff7528
rgb(255,117,40)
-
#ff813b
#ff813b
rgb(255,129,59)
-
#ff8e4f
#ff8e4f
rgb(255,142,79)
-
#ff9a62
#ff9a62
rgb(255,154,98)
-
#ffa776
#ffa776
rgb(255,167,118)
-
#ffb48a
#ffb48a
rgb(255,180,138)
-
#ffc09d
#ffc09d
rgb(255,192,157)
-
#ffcdb1
#ffcdb1
rgb(255,205,177)
-
#ffd9c5
#ffd9c5
rgb(255,217,197)
-
#ffe6d8
#ffe6d8
rgb(255,230,216)
-
#fff3ec
#fff3ec
rgb(255,243,236)
Tones of #ff6814
A tone is produced by adding gray to any pure hue. In this case, #938780 is the less saturated color, while #ff6814 is the most saturated one.
-
#938780
#938780
rgb(147,135,128)
-
#9c8477
#9c8477
rgb(156,132,119)
-
#a5826e
#a5826e
rgb(165,130,110)
-
#ae7f65
#ae7f65
rgb(174,127,101)
-
#b77d5c
#b77d5c
rgb(183,125,92)
-
#c07a53
#c07a53
rgb(192,122,83)
-
#c9774a
#c9774a
rgb(201,119,74)
-
#d27541
#d27541
rgb(210,117,65)
-
#db7238
#db7238
rgb(219,114,56)
-
#e4702f
#e4702f
rgb(228,112,47)
-
#ed6d26
#ed6d26
rgb(237,109,38)
-
#f66b1d
#f66b1d
rgb(246,107,29)
-
#ff6814
#ff6814
rgb(255,104,20)
Color Blindness Simulator
Below, you can see how #ff6814 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.