#ff522f Color Information
In a RGB color space, hex #ff522f is composed of 100% red, 32.2% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 81.6% yellow and 0% black. It has a hue angle of 10.1 degrees, a saturation of 100% and a lightness of 59.2%. #ff522f color hex could be obtained by blending #ffa45e with #ff0000. Closest websafe color is: #ff6633.
-
- R 100
- G 32
- B 18
-
- C 0
- M 68
- Y 82
- K 0
● #ff522f color description : Vivid red.
#ff522f Color Conversion
The hexadecimal color #ff522f has RGB values of R:255, G:82, B:47 and CMYK values of C:0, M:0.68, Y:0.82, K:0. Its decimal value is 16732719.
Hex triplet | ff522f | #ff522f |
---|---|---|
RGB Decimal | 255, 82, 47 | rgb(255,82,47) |
RGB Percent | 100, 32.2, 18.4 | rgb(100%,32.2%,18.4%) |
CMYK | 0, 68, 82, 0 | |
HSL | 10.1°, 100, 59.2 | hsl(10.1,100%,59.2%) |
HSV (or HSB) | 10.1°, 81.6, 100 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 59.439, 63.872, 55.51 |
---|---|
XYZ | 44.773, 27.505, 5.641 |
xyY | 0.575, 0.353, 27.505 |
CIE-LCH | 59.439, 84.623, 40.993 |
CIE-LUV | 59.439, 138.911, 41.428 |
Hunter-Lab | 52.445, 60.606, 30.335 |
Binary | 11111111, 01010010, 00101111 |
Color Schemes with #ff522f
Alternatives to #ff522f
Below, you can see some colors close to #ff522f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff522f Preview
This text has a font color of #ff522f.
<span style="color:#ff522f;">Text here</span>
This paragraph has a background color of #ff522f.
<p style="background-color:#ff522f;">Content here</p>
This element has a border color of #ff522f.
<div style="border:1px solid #ff522f;">Content here</div>
.text {color:#ff522f;}
.background {background-color:#ff522f;}
.border {border:1px solid #ff522f;}
Shades and Tints of #ff522f
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)
-
#430b00
#430b00
rgb(67,11,0)
-
#560f00
#560f00
rgb(86,15,0)
-
#6a1200
#6a1200
rgb(106,18,0)
-
#7d1500
#7d1500
rgb(125,21,0)
-
#911800
#911800
rgb(145,24,0)
-
#a51c00
#a51c00
rgb(165,28,0)
-
#b81f00
#b81f00
rgb(184,31,0)
-
#cc2200
#cc2200
rgb(204,34,0)
-
#e02600
#e02600
rgb(224,38,0)
-
#f32900
#f32900
rgb(243,41,0)
-
#ff3108
#ff3108
rgb(255,49,8)
-
#ff421b
#ff421b
rgb(255,66,27)
-
#ff522f
#ff522f
rgb(255,82,47)
-
#ff6243
#ff6243
rgb(255,98,67)
-
#ff7356
#ff7356
rgb(255,115,86)
-
#ff836a
#ff836a
rgb(255,131,106)
-
#ff937d
#ff937d
rgb(255,147,125)
-
#ffa491
#ffa491
rgb(255,164,145)
-
#ffb4a5
#ffb4a5
rgb(255,180,165)
-
#ffc4b8
#ffc4b8
rgb(255,196,184)
-
#ffd5cc
#ffd5cc
rgb(255,213,204)
-
#ffe5e0
#ffe5e0
rgb(255,229,224)
-
#fff5f3
#fff5f3
rgb(255,245,243)
Tones of #ff522f
A tone is produced by adding gray to any pure hue. In this case, #9f928f is the less saturated color, while #ff522f is the most saturated one.
-
#9f928f
#9f928f
rgb(159,146,143)
-
#a78c87
#a78c87
rgb(167,140,135)
-
#af877f
#af877f
rgb(175,135,127)
-
#b78277
#b78277
rgb(183,130,119)
-
#bf7c6f
#bf7c6f
rgb(191,124,111)
-
#c77767
#c77767
rgb(199,119,103)
-
#cf725f
#cf725f
rgb(207,114,95)
-
#d76d57
#d76d57
rgb(215,109,87)
-
#df674f
#df674f
rgb(223,103,79)
-
#e76247
#e76247
rgb(231,98,71)
-
#ef5d3f
#ef5d3f
rgb(239,93,63)
-
#f75737
#f75737
rgb(247,87,55)
-
#ff522f
#ff522f
rgb(255,82,47)
Color Blindness Simulator
Below, you can see how #ff522f 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.