#fd522e hex color

In a RGB color space, hex #fd522e is composed of 99.2% red, 32.2% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 81.8% yellow and 0.8% black. It has a hue angle of 10.4 degrees, a saturation of 98.1% and a lightness of 58.6%. #fd522e color hex could be obtained by blending #ffa45c with #fb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 99
- G 32
- B 18
RGB color chart
- C 0
- M 68
- Y 82
- K 1
CMYK color chart

● #fd522e color description : Bright red.

The hexadecimal color #fd522e has RGB values of R:253, G:82, B:46 and CMYK values of C:0, M:0.68, Y:0.82, K:0.01. Its decimal value is 16601646.

Hex triplet	fd522e	`#fd522e`
RGB Decimal	253, 82, 46	`rgb(253,82,46)`
RGB Percent	99.2, 32.2, 18	`rgb(99.2%,32.2%,18%)`
CMYK	0, 68, 82, 1
HSL	10.4°, 98.1, 58.6	`hsl(10.4,98.1%,58.6%)`
HSV (or HSB)	10.4°, 81.8, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.085, 63.208, 55.519
XYZ	44.021, 27.12, 5.501
xyY	0.574, 0.354, 27.12
CIE-LCH	59.085, 84.129, 41.295
CIE-LUV	59.085, 137.454, 41.443
Hunter-Lab	52.076, 59.753, 30.19
Binary	11111101, 01010010, 00101110

#fd522e
```
#fd522e rgb(253,82,46)
```
#2ed9fd
```
#2ed9fd rgb(46,217,253)
```

Complementary Color

#fd2e72
```
#fd2e72 rgb(253,46,114)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#fdba2e
```
#fdba2e rgb(253,186,46)
```

Analogous Color

#2e72fd
```
#2e72fd rgb(46,114,253)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#2efdba
```
#2efdba rgb(46,253,186)
```

Split Complementary Color

#522efd
```
#522efd rgb(82,46,253)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#2efd52
```
#2efd52 rgb(46,253,82)
```

Triadic Color

#fd2ed9
```
#fd2ed9 rgb(253,46,217)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#2efd52
```
#2efd52 rgb(46,253,82)
```
#2ed9fd
```
#2ed9fd rgb(46,217,253)
```

Tetradic Color

#dc2802
```
#dc2802 rgb(220,40,2)
```
#f62d02
```
#f62d02 rgb(246,45,2)
```
#fd3d15
```
#fd3d15 rgb(253,61,21)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#fd6747
```
#fd6747 rgb(253,103,71)
```
#fd7c61
```
#fd7c61 rgb(253,124,97)
```
#fe917a
```
#fe917a rgb(254,145,122)
```

Monochromatic Color

Below, you can see some colors close to #fd522e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fd2e3e
```
#fd2e3e rgb(253,46,62)
```
#fd2f2e
```
#fd2f2e rgb(253,47,46)
```
#fd412e
```
#fd412e rgb(253,65,46)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#fd632e
```
#fd632e rgb(253,99,46)
```
#fd752e
```
#fd752e rgb(253,117,46)
```
#fd862e
```
#fd862e rgb(253,134,46)
```

Similar Colors

Text with hexadecimal color #fd522e

This text has a font color of #fd522e.

<span style="color:#fd522e;">Text here</span>

#fd522e background color

This paragraph has a background color of #fd522e.

<p style="background-color:#fd522e;">Content here</p>

#fd522e border color

This element has a border color of #fd522e.

<div style="border:1px solid #fd522e;">Content here</div>

CSS codes

.text {color:#fd522e;}

.background {background-color:#fd522e;}

.border {border:1px solid #fd522e;}

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, #050100 is the darkest color, while #fff3f0 is the lightest one.

#050100
```
#050100 rgb(5,1,0)
```
#180400
```
#180400 rgb(24,4,0)
```
#2c0800
```
#2c0800 rgb(44,8,0)
```
#3f0b01
```
#3f0b01 rgb(63,11,1)
```
#520f01
```
#520f01 rgb(82,15,1)
```
#661301
```
#661301 rgb(102,19,1)
```
#791601
```
#791601 rgb(121,22,1)
```
#8d1a01
```
#8d1a01 rgb(141,26,1)
```
#a01d02
```
#a01d02 rgb(160,29,2)
```
#b42102
```
#b42102 rgb(180,33,2)
```
#c72402
```
#c72402 rgb(199,36,2)
```
#da2802
```
#da2802 rgb(218,40,2)
```
#ee2b02
```
#ee2b02 rgb(238,43,2)
```

Shade Color Variation

#fd3207
```
#fd3207 rgb(253,50,7)
```
#fd421b
```
#fd421b rgb(253,66,27)
```
#fd522e
```
#fd522e rgb(253,82,46)
```
#fd6241
```
#fd6241 rgb(253,98,65)
```
#fd7255
```
#fd7255 rgb(253,114,85)
```
#fe8268
```
#fe8268 rgb(254,130,104)
```
#fe927c
```
#fe927c rgb(254,146,124)
```
#fea28f
```
#fea28f rgb(254,162,143)
```
#feb2a3
```
#feb2a3 rgb(254,178,163)
```
#fec3b6
```
#fec3b6 rgb(254,195,182)
```
#fed3c9
```
#fed3c9 rgb(254,211,201)
```
#ffe3dd
```
#ffe3dd rgb(255,227,221)
```
#fff3f0
```
#fff3f0 rgb(255,243,240)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c928f is the less saturated color, while #fd522e is the most saturated one.

#9c928f
```
#9c928f rgb(156,146,143)
```
#a48c87
```
#a48c87 rgb(164,140,135)
```
#ac877f
```
#ac877f rgb(172,135,127)
```
#b48277
```
#b48277 rgb(180,130,119)
```
#bc7c6f
```
#bc7c6f rgb(188,124,111)
```
#c47767
```
#c47767 rgb(196,119,103)
```
#cc725f
```
#cc725f rgb(204,114,95)
```
#d46c57
```
#d46c57 rgb(212,108,87)
```
#dd674e
```
#dd674e rgb(221,103,78)
```
#e56246
```
#e56246 rgb(229,98,70)
```
#ed5d3e
```
#ed5d3e rgb(237,93,62)
```
#f55736
```
#f55736 rgb(245,87,54)
```
#fd522e
```
#fd522e rgb(253,82,46)
```

Tone Color Variation

Below, you can see how #fd522e 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.

Monochromacy

#818181 Achromatopsia 0.005% of the population
#9a7870 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39447 Protanopia 1% of men
#b88d27 Deuteranopia 1% of men
#fe565b Tritanopia 0.001% of the population

Trichromacy

#c47c3e Protanomaly 1% of men, 0.01% of women
#d17729 Deuteranomaly 6% of men, 0.4% of women
#fd554a Tritanomaly 0.01% of the population

#fd522e hex color

#fd522e Color Information

#fd522e Color Conversion

Color Schemes with #fd522e

Alternatives to #fd522e

#fd522e Preview

Shades and Tints of #fd522e

Tones of #fd522e

Color Blindness Simulator