#ff523e Color Information
In a RGB color space, hex #ff523e is composed of 100% red, 32.2% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 75.7% yellow and 0% black. It has a hue angle of 6.2 degrees, a saturation of 100% and a lightness of 62.2%. #ff523e color hex could be obtained by blending #ffa47c with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 32
- B 24
-
- C 0
- M 68
- Y 76
- K 0
● #ff523e color description : Light red.
#ff523e Color Conversion
The hexadecimal color #ff523e has RGB values of R:255, G:82, B:62 and CMYK values of C:0, M:0.68, Y:0.76, K:0. Its decimal value is 16732734.
Hex triplet | ff523e | #ff523e |
---|---|---|
RGB Decimal | 255, 82, 62 | rgb(255,82,62) |
RGB Percent | 100, 32.2, 24.3 | rgb(100%,32.2%,24.3%) |
CMYK | 0, 68, 76, 0 | |
HSL | 6.2°, 100, 62.2 | hsl(6.2,100%,62.2%) |
HSV (or HSB) | 6.2°, 75.7, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.569, 64.341, 48.244 |
---|---|
XYZ | 45.129, 27.648, 7.517 |
xyY | 0.562, 0.344, 27.648 |
CIE-LCH | 59.569, 80.419, 36.863 |
CIE-LUV | 59.569, 136.578, 36.77 |
Hunter-Lab | 52.581, 61.185, 28.33 |
Binary | 11111111, 01010010, 00111110 |
Color Schemes with #ff523e
Alternatives to #ff523e
Below, you can see some colors close to #ff523e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff523e Preview
This text has a font color of #ff523e.
<span style="color:#ff523e;">Text here</span>
This paragraph has a background color of #ff523e.
<p style="background-color:#ff523e;">Content here</p>
This element has a border color of #ff523e.
<div style="border:1px solid #ff523e;">Content here</div>
.text {color:#ff523e;}
.background {background-color:#ff523e;}
.border {border:1px solid #ff523e;}
Shades and Tints of #ff523e
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, #030000 is the darkest color, while #fff0ef is the lightest one.
-
#030000
#030000
rgb(3,0,0)
-
#170200
#170200
rgb(23,2,0)
-
#2a0400
#2a0400
rgb(42,4,0)
-
#3e0600
#3e0600
rgb(62,6,0)
-
#520800
#520800
rgb(82,8,0)
-
#650a00
#650a00
rgb(101,10,0)
-
#790d00
#790d00
rgb(121,13,0)
-
#8c0f00
#8c0f00
rgb(140,15,0)
-
#a01100
#a01100
rgb(160,17,0)
-
#b41300
#b41300
rgb(180,19,0)
-
#c71500
#c71500
rgb(199,21,0)
-
#db1700
#db1700
rgb(219,23,0)
-
#ef1900
#ef1900
rgb(239,25,0)
-
#ff1d03
#ff1d03
rgb(255,29,3)
-
#ff2f17
#ff2f17
rgb(255,47,23)
-
#ff402a
#ff402a
rgb(255,64,42)
-
#ff523e
#ff523e
rgb(255,82,62)
-
#ff6452
#ff6452
rgb(255,100,82)
-
#ff7565
#ff7565
rgb(255,117,101)
-
#ff8779
#ff8779
rgb(255,135,121)
-
#ff988c
#ff988c
rgb(255,152,140)
-
#ffaaa0
#ffaaa0
rgb(255,170,160)
-
#ffbbb4
#ffbbb4
rgb(255,187,180)
-
#ffcdc7
#ffcdc7
rgb(255,205,199)
-
#ffdfdb
#ffdfdb
rgb(255,223,219)
-
#fff0ef
#fff0ef
rgb(255,240,239)
Tones of #ff523e
A tone is produced by adding gray to any pure hue. In this case, #a69997 is the less saturated color, while #ff523e is the most saturated one.
-
#a69997
#a69997
rgb(166,153,151)
-
#ad9390
#ad9390
rgb(173,147,144)
-
#b58d88
#b58d88
rgb(181,141,136)
-
#bc8781
#bc8781
rgb(188,135,129)
-
#c48179
#c48179
rgb(196,129,121)
-
#cb7b72
#cb7b72
rgb(203,123,114)
-
#d2756b
#d2756b
rgb(210,117,107)
-
#da6f63
#da6f63
rgb(218,111,99)
-
#e16a5c
#e16a5c
rgb(225,106,92)
-
#e96454
#e96454
rgb(233,100,84)
-
#f05e4d
#f05e4d
rgb(240,94,77)
-
#f85845
#f85845
rgb(248,88,69)
-
#ff523e
#ff523e
rgb(255,82,62)
Color Blindness Simulator
Below, you can see how #ff523e 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.