#ff5e14 Color Information
In a RGB color space, hex #ff5e14 is composed of 100% red, 36.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 92.2% yellow and 0% black. It has a hue angle of 18.9 degrees, a saturation of 100% and a lightness of 53.9%. #ff5e14 color hex could be obtained by blending #ffbc28 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 37
- B 8
-
- C 0
- M 63
- Y 92
- K 0
● #ff5e14 color description : Vivid orange.
#ff5e14 Color Conversion
The hexadecimal color #ff5e14 has RGB values of R:255, G:94, B:20 and CMYK values of C:0, M:0.63, Y:0.92, K:0. Its decimal value is 16735764.
| Hex triplet | ff5e14 | #ff5e14 |
|---|---|---|
| RGB Decimal | 255, 94, 20 | rgb(255,94,20) |
| RGB Percent | 100, 36.9, 7.8 | rgb(100%,36.9%,7.8%) |
| CMYK | 0, 63, 92, 0 | |
| HSL | 18.9°, 100, 53.9 | hsl(18.9,100%,53.9%) |
| HSV (or HSB) | 18.9°, 92.2, 100 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 61.064, 58.594, 66.76 |
|---|---|
| XYZ | 45.371, 29.321, 3.932 |
| xyY | 0.577, 0.373, 29.321 |
| CIE-LCH | 61.064, 88.827, 48.727 |
| CIE-LUV | 61.064, 132.833, 49.73 |
| Hunter-Lab | 54.149, 54.804, 33.599 |
| Binary | 11111111, 01011110, 00010100 |
Color Schemes with #ff5e14
Alternatives to #ff5e14
Below, you can see some colors close to #ff5e14. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5e14 Preview
This text has a font color of #ff5e14.
<span style="color:#ff5e14;">Text here</span>
This paragraph has a background color of #ff5e14.
<p style="background-color:#ff5e14;">Content here</p>
This element has a border color of #ff5e14.
<div style="border:1px solid #ff5e14;">Content here</div>
.text {color:#ff5e14;}
.background {background-color:#ff5e14;}
.border {border:1px solid #ff5e14;}
Shades and Tints of #ff5e14
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
#000000rgb(0,0,0) -
#140600
#140600rgb(20,6,0) -
#280c00
#280c00rgb(40,12,0) -
#3b1300
#3b1300rgb(59,19,0) -
#4f1900
#4f1900rgb(79,25,0) -
#621f00
#621f00rgb(98,31,0) -
#762500
#762500rgb(118,37,0) -
#8a2b00
#8a2b00rgb(138,43,0) -
#9d3200
#9d3200rgb(157,50,0) -
#b13800
#b13800rgb(177,56,0) -
#c53e00
#c53e00rgb(197,62,0) -
#d84400
#d84400rgb(216,68,0) -
#ec4a00
#ec4a00rgb(236,74,0)
-
#ff5100
#ff5100rgb(255,81,0) -
#ff5e14
#ff5e14rgb(255,94,20) -
#ff6b28
#ff6b28rgb(255,107,40) -
#ff793b
#ff793brgb(255,121,59) -
#ff864f
#ff864frgb(255,134,79) -
#ff9462
#ff9462rgb(255,148,98) -
#ffa176
#ffa176rgb(255,161,118) -
#ffaf8a
#ffaf8argb(255,175,138) -
#ffbc9d
#ffbc9drgb(255,188,157) -
#ffcab1
#ffcab1rgb(255,202,177) -
#ffd7c5
#ffd7c5rgb(255,215,197) -
#ffe4d8
#ffe4d8rgb(255,228,216) -
#fff2ec
#fff2ecrgb(255,242,236)
Tones of #ff5e14
A tone is produced by adding gray to any pure hue. In this case, #938680 is the less saturated color, while #ff5e14 is the most saturated one.
-
#938680
#938680rgb(147,134,128) -
#9c8377
#9c8377rgb(156,131,119) -
#a57f6e
#a57f6ergb(165,127,110) -
#ae7c65
#ae7c65rgb(174,124,101) -
#b7795c
#b7795crgb(183,121,92) -
#c07553
#c07553rgb(192,117,83) -
#c9724a
#c9724argb(201,114,74) -
#d26f41
#d26f41rgb(210,111,65) -
#db6b38
#db6b38rgb(219,107,56) -
#e4682f
#e4682frgb(228,104,47) -
#ed6526
#ed6526rgb(237,101,38) -
#f6611d
#f6611drgb(246,97,29) -
#ff5e14
#ff5e14rgb(255,94,20)
Color Blindness Simulator
Below, you can see how #ff5e14 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.
