#ff503d Color Information
In a RGB color space, hex #ff503d is composed of 100% red, 31.4% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 76.1% yellow and 0% black. It has a hue angle of 5.9 degrees, a saturation of 100% and a lightness of 62%. #ff503d color hex could be obtained by blending #ffa07a with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 31
- B 24
-
- C 0
- M 69
- Y 76
- K 0
● #ff503d color description : Light red.
#ff503d Color Conversion
The hexadecimal color #ff503d has RGB values of R:255, G:80, B:61 and CMYK values of C:0, M:0.69, Y:0.76, K:0. Its decimal value is 16732221.
Hex triplet | ff503d | #ff503d |
---|---|---|
RGB Decimal | 255, 80, 61 | rgb(255,80,61) |
RGB Percent | 100, 31.4, 23.9 | rgb(100%,31.4%,23.9%) |
CMYK | 0, 69, 76, 0 | |
HSL | 5.9°, 100, 62 | hsl(5.9,100%,62%) |
HSV (or HSB) | 5.9°, 76.1, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.287, 65.048, 48.465 |
---|---|
XYZ | 44.953, 27.339, 7.325 |
xyY | 0.565, 0.343, 27.339 |
CIE-LCH | 59.287, 81.118, 36.688 |
CIE-LUV | 59.287, 138.046, 36.596 |
Hunter-Lab | 52.287, 61.96, 28.295 |
Binary | 11111111, 01010000, 00111101 |
Color Schemes with #ff503d
Alternatives to #ff503d
Below, you can see some colors close to #ff503d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff503d Preview
This text has a font color of #ff503d.
<span style="color:#ff503d;">Text here</span>
This paragraph has a background color of #ff503d.
<p style="background-color:#ff503d;">Content here</p>
This element has a border color of #ff503d.
<div style="border:1px solid #ff503d;">Content here</div>
.text {color:#ff503d;}
.background {background-color:#ff503d;}
.border {border:1px solid #ff503d;}
Shades and Tints of #ff503d
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, #020000 is the darkest color, while #ffefee is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#160200
#160200
rgb(22,2,0)
-
#290400
#290400
rgb(41,4,0)
-
#3d0600
#3d0600
rgb(61,6,0)
-
#510800
#510800
rgb(81,8,0)
-
#640a00
#640a00
rgb(100,10,0)
-
#780c00
#780c00
rgb(120,12,0)
-
#8b0e00
#8b0e00
rgb(139,14,0)
-
#9f1000
#9f1000
rgb(159,16,0)
-
#b31200
#b31200
rgb(179,18,0)
-
#c61300
#c61300
rgb(198,19,0)
-
#da1500
#da1500
rgb(218,21,0)
-
#ee1700
#ee1700
rgb(238,23,0)
-
#ff1b02
#ff1b02
rgb(255,27,2)
-
#ff2d16
#ff2d16
rgb(255,45,22)
-
#ff3e29
#ff3e29
rgb(255,62,41)
-
#ff503d
#ff503d
rgb(255,80,61)
-
#ff6251
#ff6251
rgb(255,98,81)
-
#ff7364
#ff7364
rgb(255,115,100)
-
#ff8578
#ff8578
rgb(255,133,120)
-
#ff978b
#ff978b
rgb(255,151,139)
-
#ffa89f
#ffa89f
rgb(255,168,159)
-
#ffbab3
#ffbab3
rgb(255,186,179)
-
#ffccc6
#ffccc6
rgb(255,204,198)
-
#ffdeda
#ffdeda
rgb(255,222,218)
-
#ffefee
#ffefee
rgb(255,239,238)
Tones of #ff503d
A tone is produced by adding gray to any pure hue. In this case, #a59897 is the less saturated color, while #ff503d is the most saturated one.
-
#a59897
#a59897
rgb(165,152,151)
-
#ad928f
#ad928f
rgb(173,146,143)
-
#b48c88
#b48c88
rgb(180,140,136)
-
#bc8680
#bc8680
rgb(188,134,128)
-
#c38079
#c38079
rgb(195,128,121)
-
#cb7a71
#cb7a71
rgb(203,122,113)
-
#d2746a
#d2746a
rgb(210,116,106)
-
#da6e62
#da6e62
rgb(218,110,98)
-
#e1685b
#e1685b
rgb(225,104,91)
-
#e96253
#e96253
rgb(233,98,83)
-
#f05c4c
#f05c4c
rgb(240,92,76)
-
#f85644
#f85644
rgb(248,86,68)
-
#ff503d
#ff503d
rgb(255,80,61)
Color Blindness Simulator
Below, you can see how #ff503d 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.