#ff5f25 Color Information
In a RGB color space, hex #ff5f25 is composed of 100% red, 37.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 85.5% yellow and 0% black. It has a hue angle of 16 degrees, a saturation of 100% and a lightness of 57.3%. #ff5f25 color hex could be obtained by blending #ffbe4a with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 37
- B 15
-
- C 0
- M 63
- Y 85
- K 0
● #ff5f25 color description : Vivid orange.
#ff5f25 Color Conversion
The hexadecimal color #ff5f25 has RGB values of R:255, G:95, B:37 and CMYK values of C:0, M:0.63, Y:0.85, K:0. Its decimal value is 16736037.
Hex triplet | ff5f25 | #ff5f25 |
---|---|---|
RGB Decimal | 255, 95, 37 | rgb(255,95,37) |
RGB Percent | 100, 37.3, 14.5 | rgb(100%,37.3%,14.5%) |
CMYK | 0, 63, 85, 0 | |
HSL | 16°, 100, 57.3 | hsl(16,100%,57.3%) |
HSV (or HSB) | 16°, 85.5, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 61.293, 58.459, 61.379 |
---|---|
XYZ | 45.668, 29.583, 5.056 |
xyY | 0.569, 0.368, 29.583 |
CIE-LCH | 61.293, 84.763, 46.396 |
CIE-LUV | 61.293, 130.827, 47.27 |
Hunter-Lab | 54.39, 54.692, 32.562 |
Binary | 11111111, 01011111, 00100101 |
Color Schemes with #ff5f25
Alternatives to #ff5f25
Below, you can see some colors close to #ff5f25. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5f25 Preview
This text has a font color of #ff5f25.
<span style="color:#ff5f25;">Text here</span>
This paragraph has a background color of #ff5f25.
<p style="background-color:#ff5f25;">Content here</p>
This element has a border color of #ff5f25.
<div style="border:1px solid #ff5f25;">Content here</div>
.text {color:#ff5f25;}
.background {background-color:#ff5f25;}
.border {border:1px solid #ff5f25;}
Shades and Tints of #ff5f25
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, #110500 is the darkest color, while #fffdfd is the lightest one.
-
#110500
#110500
rgb(17,5,0)
-
#250a00
#250a00
rgb(37,10,0)
-
#390f00
#390f00
rgb(57,15,0)
-
#4c1400
#4c1400
rgb(76,20,0)
-
#601a00
#601a00
rgb(96,26,0)
-
#731f00
#731f00
rgb(115,31,0)
-
#872400
#872400
rgb(135,36,0)
-
#9b2900
#9b2900
rgb(155,41,0)
-
#ae2e00
#ae2e00
rgb(174,46,0)
-
#c23400
#c23400
rgb(194,52,0)
-
#d63900
#d63900
rgb(214,57,0)
-
#e93e00
#e93e00
rgb(233,62,0)
-
#fd4300
#fd4300
rgb(253,67,0)
-
#ff5111
#ff5111
rgb(255,81,17)
-
#ff5f25
#ff5f25
rgb(255,95,37)
-
#ff6d39
#ff6d39
rgb(255,109,57)
-
#ff7c4c
#ff7c4c
rgb(255,124,76)
-
#ff8a60
#ff8a60
rgb(255,138,96)
-
#ff9973
#ff9973
rgb(255,153,115)
-
#ffa787
#ffa787
rgb(255,167,135)
-
#ffb59b
#ffb59b
rgb(255,181,155)
-
#ffc4ae
#ffc4ae
rgb(255,196,174)
-
#ffd2c2
#ffd2c2
rgb(255,210,194)
-
#ffe1d6
#ffe1d6
rgb(255,225,214)
-
#ffefe9
#ffefe9
rgb(255,239,233)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #ff5f25
A tone is produced by adding gray to any pure hue. In this case, #9a8e8a is the less saturated color, while #ff5f25 is the most saturated one.
-
#9a8e8a
#9a8e8a
rgb(154,142,138)
-
#a38a81
#a38a81
rgb(163,138,129)
-
#ab8679
#ab8679
rgb(171,134,121)
-
#b48270
#b48270
rgb(180,130,112)
-
#bc7e68
#bc7e68
rgb(188,126,104)
-
#c47a60
#c47a60
rgb(196,122,96)
-
#cd7757
#cd7757
rgb(205,119,87)
-
#d5734f
#d5734f
rgb(213,115,79)
-
#dd6f47
#dd6f47
rgb(221,111,71)
-
#e66b3e
#e66b3e
rgb(230,107,62)
-
#ee6736
#ee6736
rgb(238,103,54)
-
#f7632d
#f7632d
rgb(247,99,45)
-
#ff5f25
#ff5f25
rgb(255,95,37)
Color Blindness Simulator
Below, you can see how #ff5f25 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.