#ff542f Color Information
In a RGB color space, hex #ff542f is composed of 100% red, 32.9% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.1% magenta, 81.6% yellow and 0% black. It has a hue angle of 10.7 degrees, a saturation of 100% and a lightness of 59.2%. #ff542f color hex could be obtained by blending #ffa85e with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 33
- B 18
-
- C 0
- M 67
- Y 82
- K 0
● #ff542f color description : Vivid red.
#ff542f Color Conversion
The hexadecimal color #ff542f has RGB values of R:255, G:84, B:47 and CMYK values of C:0, M:0.67, Y:0.82, K:0. Its decimal value is 16733231.
Hex triplet | ff542f | #ff542f |
---|---|---|
RGB Decimal | 255, 84, 47 | rgb(255,84,47) |
RGB Percent | 100, 32.9, 18.4 | rgb(100%,32.9%,18.4%) |
CMYK | 0, 67, 82, 0 | |
HSL | 10.7°, 100, 59.2 | hsl(10.7,100%,59.2%) |
HSV (or HSB) | 10.7°, 81.6, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.718, 63.114, 55.767 |
---|---|
XYZ | 44.926, 27.811, 5.692 |
xyY | 0.573, 0.355, 27.811 |
CIE-LCH | 59.718, 84.221, 41.464 |
CIE-LUV | 59.718, 137.558, 41.944 |
Hunter-Lab | 52.736, 59.774, 30.516 |
Binary | 11111111, 01010100, 00101111 |
Color Schemes with #ff542f
Alternatives to #ff542f
Below, you can see some colors close to #ff542f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff542f Preview
This text has a font color of #ff542f.
<span style="color:#ff542f;">Text here</span>
This paragraph has a background color of #ff542f.
<p style="background-color:#ff542f;">Content here</p>
This element has a border color of #ff542f.
<div style="border:1px solid #ff542f;">Content here</div>
.text {color:#ff542f;}
.background {background-color:#ff542f;}
.border {border:1px solid #ff542f;}
Shades and Tints of #ff542f
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, #080100 is the darkest color, while #fff5f3 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1b0500
#1b0500
rgb(27,5,0)
-
#2f0800
#2f0800
rgb(47,8,0)
-
#430c00
#430c00
rgb(67,12,0)
-
#560f00
#560f00
rgb(86,15,0)
-
#6a1300
#6a1300
rgb(106,19,0)
-
#7d1600
#7d1600
rgb(125,22,0)
-
#911a00
#911a00
rgb(145,26,0)
-
#a51d00
#a51d00
rgb(165,29,0)
-
#b82100
#b82100
rgb(184,33,0)
-
#cc2400
#cc2400
rgb(204,36,0)
-
#e02800
#e02800
rgb(224,40,0)
-
#f32b00
#f32b00
rgb(243,43,0)
-
#ff3408
#ff3408
rgb(255,52,8)
-
#ff441b
#ff441b
rgb(255,68,27)
-
#ff542f
#ff542f
rgb(255,84,47)
-
#ff6443
#ff6443
rgb(255,100,67)
-
#ff7456
#ff7456
rgb(255,116,86)
-
#ff846a
#ff846a
rgb(255,132,106)
-
#ff957d
#ff957d
rgb(255,149,125)
-
#ffa591
#ffa591
rgb(255,165,145)
-
#ffb5a5
#ffb5a5
rgb(255,181,165)
-
#ffc5b8
#ffc5b8
rgb(255,197,184)
-
#ffd5cc
#ffd5cc
rgb(255,213,204)
-
#ffe5e0
#ffe5e0
rgb(255,229,224)
-
#fff5f3
#fff5f3
rgb(255,245,243)
Tones of #ff542f
A tone is produced by adding gray to any pure hue. In this case, #9f928f is the less saturated color, while #ff542f is the most saturated one.
-
#9f928f
#9f928f
rgb(159,146,143)
-
#a78d87
#a78d87
rgb(167,141,135)
-
#af887f
#af887f
rgb(175,136,127)
-
#b78277
#b78277
rgb(183,130,119)
-
#bf7d6f
#bf7d6f
rgb(191,125,111)
-
#c77867
#c77867
rgb(199,120,103)
-
#cf735f
#cf735f
rgb(207,115,95)
-
#d76e57
#d76e57
rgb(215,110,87)
-
#df694f
#df694f
rgb(223,105,79)
-
#e76347
#e76347
rgb(231,99,71)
-
#ef5e3f
#ef5e3f
rgb(239,94,63)
-
#f75937
#f75937
rgb(247,89,55)
-
#ff542f
#ff542f
rgb(255,84,47)
Color Blindness Simulator
Below, you can see how #ff542f 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.