#ff5f01 Color Information
In a RGB color space, hex #ff5f01 is composed of 100% red, 37.3% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 99.6% yellow and 0% black. It has a hue angle of 22.2 degrees, a saturation of 100% and a lightness of 50.2%. #ff5f01 color hex could be obtained by blending #ffbe02 with #ff0000. Closest websafe color is: #ff6600.
-
- R 100
- G 37
- B 0
-
- C 0
- M 63
- Y 100
- K 0
● #ff5f01 color description : Vivid orange.
#ff5f01 Color Conversion
The hexadecimal color #ff5f01 has RGB values of R:255, G:95, B:1 and CMYK values of C:0, M:0.63, Y:1, K:0. Its decimal value is 16736001.
Hex triplet | ff5f01 | #ff5f01 |
---|---|---|
RGB Decimal | 255, 95, 1 | rgb(255,95,1) |
RGB Percent | 100, 37.3, 0.4 | rgb(100%,37.3%,0.4%) |
CMYK | 0, 63, 100, 0 | |
HSL | 22.2°, 100, 50.2 | hsl(22.2,100%,50.2%) |
HSV (or HSB) | 22.2°, 99.6, 100 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 61.178, 58.012, 70.546 |
---|---|
XYZ | 45.34, 29.452, 3.326 |
xyY | 0.58, 0.377, 29.452 |
CIE-LCH | 61.178, 91.335, 50.569 |
CIE-LUV | 61.178, 132.817, 51.611 |
Hunter-Lab | 54.269, 54.158, 34.355 |
Binary | 11111111, 01011111, 00000001 |
Color Schemes with #ff5f01
Alternatives to #ff5f01
Below, you can see some colors close to #ff5f01. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5f01 Preview
This text has a font color of #ff5f01.
<span style="color:#ff5f01;">Text here</span>
This paragraph has a background color of #ff5f01.
<p style="background-color:#ff5f01;">Content here</p>
This element has a border color of #ff5f01.
<div style="border:1px solid #ff5f01;">Content here</div>
.text {color:#ff5f01;}
.background {background-color:#ff5f01;}
.border {border:1px solid #ff5f01;}
Shades and Tints of #ff5f01
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, #010000 is the darkest color, while #fff3ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#150800
#150800
rgb(21,8,0)
-
#280f00
#280f00
rgb(40,15,0)
-
#3c1600
#3c1600
rgb(60,22,0)
-
#4f1d00
#4f1d00
rgb(79,29,0)
-
#632500
#632500
rgb(99,37,0)
-
#772c00
#772c00
rgb(119,44,0)
-
#8a3300
#8a3300
rgb(138,51,0)
-
#9e3a00
#9e3a00
rgb(158,58,0)
-
#b24200
#b24200
rgb(178,66,0)
-
#c54900
#c54900
rgb(197,73,0)
-
#d95000
#d95000
rgb(217,80,0)
-
#ec5700
#ec5700
rgb(236,87,0)
-
#ff5f01
#ff5f01
rgb(255,95,1)
-
#ff6b15
#ff6b15
rgb(255,107,21)
-
#ff7828
#ff7828
rgb(255,120,40)
-
#ff843c
#ff843c
rgb(255,132,60)
-
#ff904f
#ff904f
rgb(255,144,79)
-
#ff9d63
#ff9d63
rgb(255,157,99)
-
#ffa977
#ffa977
rgb(255,169,119)
-
#ffb58a
#ffb58a
rgb(255,181,138)
-
#ffc29e
#ffc29e
rgb(255,194,158)
-
#ffceb2
#ffceb2
rgb(255,206,178)
-
#ffdbc5
#ffdbc5
rgb(255,219,197)
-
#ffe7d9
#ffe7d9
rgb(255,231,217)
-
#fff3ec
#fff3ec
rgb(255,243,236)
Tones of #ff5f01
A tone is produced by adding gray to any pure hue. In this case, #8a7d76 is the less saturated color, while #ff5f01 is the most saturated one.
-
#8a7d76
#8a7d76
rgb(138,125,118)
-
#947b6c
#947b6c
rgb(148,123,108)
-
#9d7863
#9d7863
rgb(157,120,99)
-
#a77659
#a77659
rgb(167,118,89)
-
#b1734f
#b1734f
rgb(177,115,79)
-
#bb7145
#bb7145
rgb(187,113,69)
-
#c46e3c
#c46e3c
rgb(196,110,60)
-
#ce6c32
#ce6c32
rgb(206,108,50)
-
#d86928
#d86928
rgb(216,105,40)
-
#e2671e
#e2671e
rgb(226,103,30)
-
#eb6415
#eb6415
rgb(235,100,21)
-
#f5620b
#f5620b
rgb(245,98,11)
-
#ff5f01
#ff5f01
rgb(255,95,1)
Color Blindness Simulator
Below, you can see how #ff5f01 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.