#ff6214 Color Information
In a RGB color space, hex #ff6214 is composed of 100% red, 38.4% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.6% magenta, 92.2% yellow and 0% black. It has a hue angle of 19.9 degrees, a saturation of 100% and a lightness of 53.9%. #ff6214 color hex could be obtained by blending #ffc428 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 38
- B 8
-
- C 0
- M 62
- Y 92
- K 0
● #ff6214 color description : Vivid orange.
#ff6214 Color Conversion
The hexadecimal color #ff6214 has RGB values of R:255, G:98, B:20 and CMYK values of C:0, M:0.62, Y:0.92, K:0. Its decimal value is 16736788.
Hex triplet | ff6214 | #ff6214 |
---|---|---|
RGB Decimal | 255, 98, 20 | rgb(255,98,20) |
RGB Percent | 100, 38.4, 7.8 | rgb(100%,38.4%,7.8%) |
CMYK | 0, 62, 92, 0 | |
HSL | 19.9°, 100, 53.9 | hsl(19.9,100%,53.9%) |
HSV (or HSB) | 19.9°, 92.2, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 61.698, 56.905, 67.179 |
---|---|
XYZ | 45.736, 30.051, 4.054 |
xyY | 0.573, 0.376, 30.051 |
CIE-LCH | 61.698, 88.041, 49.733 |
CIE-LUV | 61.698, 129.79, 50.827 |
Hunter-Lab | 54.819, 52.992, 33.989 |
Binary | 11111111, 01100010, 00010100 |
Color Schemes with #ff6214
Alternatives to #ff6214
Below, you can see some colors close to #ff6214. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff6214 Preview
This text has a font color of #ff6214.
<span style="color:#ff6214;">Text here</span>
This paragraph has a background color of #ff6214.
<p style="background-color:#ff6214;">Content here</p>
This element has a border color of #ff6214.
<div style="border:1px solid #ff6214;">Content here</div>
.text {color:#ff6214;}
.background {background-color:#ff6214;}
.border {border:1px solid #ff6214;}
Shades and Tints of #ff6214
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)
-
#4f1a00
#4f1a00
rgb(79,26,0)
-
#622100
#622100
rgb(98,33,0)
-
#762700
#762700
rgb(118,39,0)
-
#8a2e00
#8a2e00
rgb(138,46,0)
-
#9d3400
#9d3400
rgb(157,52,0)
-
#b13b00
#b13b00
rgb(177,59,0)
-
#c54100
#c54100
rgb(197,65,0)
-
#d84800
#d84800
rgb(216,72,0)
-
#ec4e00
#ec4e00
rgb(236,78,0)
-
#ff5500
#ff5500
rgb(255,85,0)
-
#ff6214
#ff6214
rgb(255,98,20)
-
#ff6f28
#ff6f28
rgb(255,111,40)
-
#ff7c3b
#ff7c3b
rgb(255,124,59)
-
#ff894f
#ff894f
rgb(255,137,79)
-
#ff9662
#ff9662
rgb(255,150,98)
-
#ffa476
#ffa476
rgb(255,164,118)
-
#ffb18a
#ffb18a
rgb(255,177,138)
-
#ffbe9d
#ffbe9d
rgb(255,190,157)
-
#ffcbb1
#ffcbb1
rgb(255,203,177)
-
#ffd8c5
#ffd8c5
rgb(255,216,197)
-
#ffe5d8
#ffe5d8
rgb(255,229,216)
-
#fff2ec
#fff2ec
rgb(255,242,236)
Tones of #ff6214
A tone is produced by adding gray to any pure hue. In this case, #938680 is the less saturated color, while #ff6214 is the most saturated one.
-
#938680
#938680
rgb(147,134,128)
-
#9c8377
#9c8377
rgb(156,131,119)
-
#a5806e
#a5806e
rgb(165,128,110)
-
#ae7d65
#ae7d65
rgb(174,125,101)
-
#b77a5c
#b77a5c
rgb(183,122,92)
-
#c07753
#c07753
rgb(192,119,83)
-
#c9744a
#c9744a
rgb(201,116,74)
-
#d27141
#d27141
rgb(210,113,65)
-
#db6e38
#db6e38
rgb(219,110,56)
-
#e46b2f
#e46b2f
rgb(228,107,47)
-
#ed6826
#ed6826
rgb(237,104,38)
-
#f6651d
#f6651d
rgb(246,101,29)
-
#ff6214
#ff6214
rgb(255,98,20)
Color Blindness Simulator
Below, you can see how #ff6214 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.