#ff4525 Color Information
In a RGB color space, hex #ff4525 is composed of 100% red, 27.1% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 85.5% yellow and 0% black. It has a hue angle of 8.8 degrees, a saturation of 100% and a lightness of 57.3%. #ff4525 color hex could be obtained by blending #ff8a4a with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 27
- B 15
-
- C 0
- M 73
- Y 85
- K 0
● #ff4525 color description : Vivid red.
#ff4525 Color Conversion
The hexadecimal color #ff4525 has RGB values of R:255, G:69, B:37 and CMYK values of C:0, M:0.73, Y:0.85, K:0. Its decimal value is 16729381.
Hex triplet | ff4525 | #ff4525 |
---|---|---|
RGB Decimal | 255, 69, 37 | rgb(255,69,37) |
RGB Percent | 100, 27.1, 14.5 | rgb(100%,27.1%,14.5%) |
CMYK | 0, 73, 85, 0 | |
HSL | 8.8°, 100, 57.3 | hsl(8.8,100%,57.3%) |
HSV (or HSB) | 8.8°, 85.5, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 57.708, 68.213, 58.446 |
---|---|
XYZ | 43.704, 25.655, 4.401 |
xyY | 0.593, 0.348, 25.655 |
CIE-LCH | 57.708, 89.828, 40.591 |
CIE-LUV | 57.708, 148.475, 40.787 |
Hunter-Lab | 50.651, 65.38, 30.304 |
Binary | 11111111, 01000101, 00100101 |
Color Schemes with #ff4525
Alternatives to #ff4525
Below, you can see some colors close to #ff4525. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff4525 Preview
This text has a font color of #ff4525.
<span style="color:#ff4525;">Text here</span>
This paragraph has a background color of #ff4525.
<p style="background-color:#ff4525;">Content here</p>
This element has a border color of #ff4525.
<div style="border:1px solid #ff4525;">Content here</div>
.text {color:#ff4525;}
.background {background-color:#ff4525;}
.border {border:1px solid #ff4525;}
Shades and Tints of #ff4525
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, #110300 is the darkest color, while #fffdfd is the lightest one.
-
#110300
#110300
rgb(17,3,0)
-
#250500
#250500
rgb(37,5,0)
-
#390800
#390800
rgb(57,8,0)
-
#4c0b00
#4c0b00
rgb(76,11,0)
-
#600e00
#600e00
rgb(96,14,0)
-
#731100
#731100
rgb(115,17,0)
-
#871400
#871400
rgb(135,20,0)
-
#9b1700
#9b1700
rgb(155,23,0)
-
#ae1a00
#ae1a00
rgb(174,26,0)
-
#c21c00
#c21c00
rgb(194,28,0)
-
#d61f00
#d61f00
rgb(214,31,0)
-
#e92200
#e92200
rgb(233,34,0)
-
#fd2500
#fd2500
rgb(253,37,0)
-
#ff3411
#ff3411
rgb(255,52,17)
-
#ff4525
#ff4525
rgb(255,69,37)
-
#ff5639
#ff5639
rgb(255,86,57)
-
#ff664c
#ff664c
rgb(255,102,76)
-
#ff7760
#ff7760
rgb(255,119,96)
-
#ff8873
#ff8873
rgb(255,136,115)
-
#ff9987
#ff9987
rgb(255,153,135)
-
#ffa99b
#ffa99b
rgb(255,169,155)
-
#ffbaae
#ffbaae
rgb(255,186,174)
-
#ffcbc2
#ffcbc2
rgb(255,203,194)
-
#ffdcd6
#ffdcd6
rgb(255,220,214)
-
#ffece9
#ffece9
rgb(255,236,233)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #ff4525
A tone is produced by adding gray to any pure hue. In this case, #9a8c8a is the less saturated color, while #ff4525 is the most saturated one.
-
#9a8c8a
#9a8c8a
rgb(154,140,138)
-
#a38681
#a38681
rgb(163,134,129)
-
#ab8079
#ab8079
rgb(171,128,121)
-
#b47a70
#b47a70
rgb(180,122,112)
-
#bc7468
#bc7468
rgb(188,116,104)
-
#c46e60
#c46e60
rgb(196,110,96)
-
#cd6957
#cd6957
rgb(205,105,87)
-
#d5634f
#d5634f
rgb(213,99,79)
-
#dd5d47
#dd5d47
rgb(221,93,71)
-
#e6573e
#e6573e
rgb(230,87,62)
-
#ee5136
#ee5136
rgb(238,81,54)
-
#f74b2d
#f74b2d
rgb(247,75,45)
-
#ff4525
#ff4525
rgb(255,69,37)
Color Blindness Simulator
Below, you can see how #ff4525 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.