#ff5e16 Color Information
In a RGB color space, hex #ff5e16 is composed of 100% red, 36.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 63.1% magenta, 91.4% yellow and 0% black. It has a hue angle of 18.5 degrees, a saturation of 100% and a lightness of 54.3%. #ff5e16 color hex could be obtained by blending #ffbc2c with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 37
- B 9
-
- C 0
- M 63
- Y 91
- K 0
● #ff5e16 color description : Vivid orange.
#ff5e16 Color Conversion
The hexadecimal color #ff5e16 has RGB values of R:255, G:94, B:22 and CMYK values of C:0, M:0.63, Y:0.91, K:0. Its decimal value is 16735766.
| Hex triplet | ff5e16 | #ff5e16 |
|---|---|---|
| RGB Decimal | 255, 94, 22 | rgb(255,94,22) |
| RGB Percent | 100, 36.9, 8.6 | rgb(100%,36.9%,8.6%) |
| CMYK | 0, 63, 91, 0 | |
| HSL | 18.5°, 100, 54.3 | hsl(18.5,100%,54.3%) |
| HSV (or HSB) | 18.5°, 91.4, 100 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 61.07, 58.619, 66.229 |
|---|---|
| XYZ | 45.39, 29.328, 4.03 |
| xyY | 0.576, 0.372, 29.328 |
| CIE-LCH | 61.07, 88.445, 48.488 |
| CIE-LUV | 61.07, 132.72, 49.484 |
| Hunter-Lab | 54.156, 54.834, 33.497 |
| Binary | 11111111, 01011110, 00010110 |
Color Schemes with #ff5e16
Alternatives to #ff5e16
Below, you can see some colors close to #ff5e16. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5e16 Preview
This text has a font color of #ff5e16.
<span style="color:#ff5e16;">Text here</span>
This paragraph has a background color of #ff5e16.
<p style="background-color:#ff5e16;">Content here</p>
This element has a border color of #ff5e16.
<div style="border:1px solid #ff5e16;">Content here</div>
.text {color:#ff5e16;}
.background {background-color:#ff5e16;}
.border {border:1px solid #ff5e16;}
Shades and Tints of #ff5e16
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, #020100 is the darkest color, while #fff3ee is the lightest one.
-
#020100
#020100rgb(2,1,0) -
#160700
#160700rgb(22,7,0) -
#2a0d00
#2a0d00rgb(42,13,0) -
#3d1300
#3d1300rgb(61,19,0) -
#511900
#511900rgb(81,25,0) -
#641f00
#641f00rgb(100,31,0) -
#782500
#782500rgb(120,37,0) -
#8c2b00
#8c2b00rgb(140,43,0) -
#9f3100
#9f3100rgb(159,49,0) -
#b33700
#b33700rgb(179,55,0) -
#c73d00
#c73d00rgb(199,61,0) -
#da4300
#da4300rgb(218,67,0) -
#ee4900
#ee4900rgb(238,73,0)
-
#ff5002
#ff5002rgb(255,80,2) -
#ff5e16
#ff5e16rgb(255,94,22) -
#ff6c2a
#ff6c2argb(255,108,42) -
#ff793d
#ff793drgb(255,121,61) -
#ff8751
#ff8751rgb(255,135,81) -
#ff9464
#ff9464rgb(255,148,100) -
#ffa278
#ffa278rgb(255,162,120) -
#ffaf8c
#ffaf8crgb(255,175,140) -
#ffbd9f
#ffbd9frgb(255,189,159) -
#ffcab3
#ffcab3rgb(255,202,179) -
#ffd8c7
#ffd8c7rgb(255,216,199) -
#ffe6da
#ffe6dargb(255,230,218) -
#fff3ee
#fff3eergb(255,243,238)
Tones of #ff5e16
A tone is produced by adding gray to any pure hue. In this case, #938782 is the less saturated color, while #ff5e16 is the most saturated one.
-
#938782
#938782rgb(147,135,130) -
#9c8479
#9c8479rgb(156,132,121) -
#a58070
#a58070rgb(165,128,112) -
#ae7d67
#ae7d67rgb(174,125,103) -
#b7795e
#b7795ergb(183,121,94) -
#c07655
#c07655rgb(192,118,85) -
#c9734c
#c9734crgb(201,115,76) -
#d26f43
#d26f43rgb(210,111,67) -
#db6c3a
#db6c3argb(219,108,58) -
#e46831
#e46831rgb(228,104,49) -
#ed6528
#ed6528rgb(237,101,40) -
#f6611f
#f6611frgb(246,97,31) -
#ff5e16
#ff5e16rgb(255,94,22)
Color Blindness Simulator
Below, you can see how #ff5e16 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.
