#ff5225 Color Information
In a RGB color space, hex #ff5225 is composed of 100% red, 32.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 85.5% yellow and 0% black. It has a hue angle of 12.4 degrees, a saturation of 100% and a lightness of 57.3%. #ff5225 color hex could be obtained by blending #ffa44a with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 32
- B 15
-
- C 0
- M 68
- Y 85
- K 0
● #ff5225 color description : Vivid red.
#ff5225 Color Conversion
The hexadecimal color #ff5225 has RGB values of R:255, G:82, B:37 and CMYK values of C:0, M:0.68, Y:0.85, K:0. Its decimal value is 16732709.
Hex triplet | ff5225 | #ff5225 |
---|---|---|
RGB Decimal | 255, 82, 37 | rgb(255,82,37) |
RGB Percent | 100, 32.2, 14.5 | rgb(100%,32.2%,14.5%) |
CMYK | 0, 68, 85, 0 | |
HSL | 12.4°, 100, 57.3 | hsl(12.4,100%,57.3%) |
HSV (or HSB) | 12.4°, 85.5, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.373, 63.635, 59.81 |
---|---|
XYZ | 44.593, 27.433, 4.697 |
xyY | 0.581, 0.358, 27.433 |
CIE-LCH | 59.373, 87.331, 43.225 |
CIE-LUV | 59.373, 140.113, 43.823 |
Hunter-Lab | 52.377, 60.314, 31.347 |
Binary | 11111111, 01010010, 00100101 |
Color Schemes with #ff5225
Alternatives to #ff5225
Below, you can see some colors close to #ff5225. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5225 Preview
This text has a font color of #ff5225.
<span style="color:#ff5225;">Text here</span>
This paragraph has a background color of #ff5225.
<p style="background-color:#ff5225;">Content here</p>
This element has a border color of #ff5225.
<div style="border:1px solid #ff5225;">Content here</div>
.text {color:#ff5225;}
.background {background-color:#ff5225;}
.border {border:1px solid #ff5225;}
Shades and Tints of #ff5225
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, #110400 is the darkest color, while #fffdfd is the lightest one.
-
#110400
#110400
rgb(17,4,0)
-
#250800
#250800
rgb(37,8,0)
-
#390c00
#390c00
rgb(57,12,0)
-
#4c1000
#4c1000
rgb(76,16,0)
-
#601400
#601400
rgb(96,20,0)
-
#731800
#731800
rgb(115,24,0)
-
#871c00
#871c00
rgb(135,28,0)
-
#9b2000
#9b2000
rgb(155,32,0)
-
#ae2400
#ae2400
rgb(174,36,0)
-
#c22800
#c22800
rgb(194,40,0)
-
#d62c00
#d62c00
rgb(214,44,0)
-
#e93000
#e93000
rgb(233,48,0)
-
#fd3400
#fd3400
rgb(253,52,0)
-
#ff4211
#ff4211
rgb(255,66,17)
-
#ff5225
#ff5225
rgb(255,82,37)
-
#ff6239
#ff6239
rgb(255,98,57)
-
#ff714c
#ff714c
rgb(255,113,76)
-
#ff8160
#ff8160
rgb(255,129,96)
-
#ff9073
#ff9073
rgb(255,144,115)
-
#ffa087
#ffa087
rgb(255,160,135)
-
#ffaf9b
#ffaf9b
rgb(255,175,155)
-
#ffbfae
#ffbfae
rgb(255,191,174)
-
#ffcfc2
#ffcfc2
rgb(255,207,194)
-
#ffded6
#ffded6
rgb(255,222,214)
-
#ffeee9
#ffeee9
rgb(255,238,233)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #ff5225
A tone is produced by adding gray to any pure hue. In this case, #9a8d8a is the less saturated color, while #ff5225 is the most saturated one.
-
#9a8d8a
#9a8d8a
rgb(154,141,138)
-
#a38881
#a38881
rgb(163,136,129)
-
#ab8379
#ab8379
rgb(171,131,121)
-
#b47e70
#b47e70
rgb(180,126,112)
-
#bc7968
#bc7968
rgb(188,121,104)
-
#c47460
#c47460
rgb(196,116,96)
-
#cd7057
#cd7057
rgb(205,112,87)
-
#d56b4f
#d56b4f
rgb(213,107,79)
-
#dd6647
#dd6647
rgb(221,102,71)
-
#e6613e
#e6613e
rgb(230,97,62)
-
#ee5c36
#ee5c36
rgb(238,92,54)
-
#f7572d
#f7572d
rgb(247,87,45)
-
#ff5225
#ff5225
rgb(255,82,37)
Color Blindness Simulator
Below, you can see how #ff5225 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.