#ff5228 Color Information
In a RGB color space, hex #ff5228 is composed of 100% red, 32.2% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 84.3% yellow and 0% black. It has a hue angle of 11.7 degrees, a saturation of 100% and a lightness of 57.8%. #ff5228 color hex could be obtained by blending #ffa450 with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 32
- B 16
-
- C 0
- M 68
- Y 84
- K 0
● #ff5228 color description : Vivid red.
#ff5228 Color Conversion
The hexadecimal color #ff5228 has RGB values of R:255, G:82, B:40 and CMYK values of C:0, M:0.68, Y:0.84, K:0. Its decimal value is 16732712.
Hex triplet | ff5228 | #ff5228 |
---|---|---|
RGB Decimal | 255, 82, 40 | rgb(255,82,40) |
RGB Percent | 100, 32.2, 15.7 | rgb(100%,32.2%,15.7%) |
CMYK | 0, 68, 84, 0 | |
HSL | 11.7°, 100, 57.8 | hsl(11.7,100%,57.8%) |
HSV (or HSB) | 11.7°, 84.3, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.391, 63.7, 58.577 |
---|---|
XYZ | 44.642, 27.453, 4.956 |
xyY | 0.579, 0.356, 27.453 |
CIE-LCH | 59.391, 86.539, 42.601 |
CIE-LUV | 59.391, 139.782, 43.163 |
Hunter-Lab | 52.396, 60.394, 31.069 |
Binary | 11111111, 01010010, 00101000 |
Color Schemes with #ff5228
Alternatives to #ff5228
Below, you can see some colors close to #ff5228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff5228 Preview
This text has a font color of #ff5228.
<span style="color:#ff5228;">Text here</span>
This paragraph has a background color of #ff5228.
<p style="background-color:#ff5228;">Content here</p>
This element has a border color of #ff5228.
<div style="border:1px solid #ff5228;">Content here</div>
.text {color:#ff5228;}
.background {background-color:#ff5228;}
.border {border:1px solid #ff5228;}
Shades and Tints of #ff5228
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 #fff0ec is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140400
#140400
rgb(20,4,0)
-
#280800
#280800
rgb(40,8,0)
-
#3c0c00
#3c0c00
rgb(60,12,0)
-
#4f0f00
#4f0f00
rgb(79,15,0)
-
#631300
#631300
rgb(99,19,0)
-
#761700
#761700
rgb(118,23,0)
-
#8a1b00
#8a1b00
rgb(138,27,0)
-
#9e1f00
#9e1f00
rgb(158,31,0)
-
#b12300
#b12300
rgb(177,35,0)
-
#c52600
#c52600
rgb(197,38,0)
-
#d92a00
#d92a00
rgb(217,42,0)
-
#ec2e00
#ec2e00
rgb(236,46,0)
-
#ff3201
#ff3201
rgb(255,50,1)
-
#ff4214
#ff4214
rgb(255,66,20)
-
#ff5228
#ff5228
rgb(255,82,40)
-
#ff623c
#ff623c
rgb(255,98,60)
-
#ff724f
#ff724f
rgb(255,114,79)
-
#ff8163
#ff8163
rgb(255,129,99)
-
#ff9176
#ff9176
rgb(255,145,118)
-
#ffa18a
#ffa18a
rgb(255,161,138)
-
#ffb19e
#ffb19e
rgb(255,177,158)
-
#ffc0b1
#ffc0b1
rgb(255,192,177)
-
#ffd0c5
#ffd0c5
rgb(255,208,197)
-
#ffe0d9
#ffe0d9
rgb(255,224,217)
-
#fff0ec
#fff0ec
rgb(255,240,236)
Tones of #ff5228
A tone is produced by adding gray to any pure hue. In this case, #9c8e8b is the less saturated color, while #ff5228 is the most saturated one.
-
#9c8e8b
#9c8e8b
rgb(156,142,139)
-
#a48983
#a48983
rgb(164,137,131)
-
#ac847b
#ac847b
rgb(172,132,123)
-
#b57f72
#b57f72
rgb(181,127,114)
-
#bd7a6a
#bd7a6a
rgb(189,122,106)
-
#c57562
#c57562
rgb(197,117,98)
-
#cd705a
#cd705a
rgb(205,112,90)
-
#d66b51
#d66b51
rgb(214,107,81)
-
#de6649
#de6649
rgb(222,102,73)
-
#e66141
#e66141
rgb(230,97,65)
-
#ee5c39
#ee5c39
rgb(238,92,57)
-
#f75730
#f75730
rgb(247,87,48)
-
#ff5228
#ff5228
rgb(255,82,40)
Color Blindness Simulator
Below, you can see how #ff5228 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.