#fd522d hex color

In a RGB color space, hex #fd522d is composed of 99.2% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.6% magenta, 82.2% yellow and 0.8% black. It has a hue angle of 10.7 degrees, a saturation of 98.1% and a lightness of 58.4%. #fd522d color hex could be obtained by blending #ffa45a 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

● #fd522d color description : Bright red.

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

Hex triplet	fd522d	`#fd522d`
RGB Decimal	253, 82, 45	`rgb(253,82,45)`
RGB Percent	99.2, 32.2, 17.6	`rgb(99.2%,32.2%,17.6%)`
CMYK	0, 68, 82, 1
HSL	10.7°, 98.1, 58.4	`hsl(10.7,98.1%,58.4%)`
HSV (or HSB)	10.7°, 82.2, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.078, 63.182, 55.969
XYZ	44.001, 27.112, 5.399
xyY	0.575, 0.354, 27.112
CIE-LCH	59.078, 84.407, 41.536
CIE-LUV	59.078, 137.585, 41.704
Hunter-Lab	52.069, 59.721, 30.301
Binary	11111101, 01010010, 00101101

#fd522d
```
#fd522d rgb(253,82,45)
```
#2dd8fd
```
#2dd8fd rgb(45,216,253)
```

Complementary Color

#fd2d70
```
#fd2d70 rgb(253,45,112)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#fdba2d
```
#fdba2d rgb(253,186,45)
```

Analogous Color

#2d70fd
```
#2d70fd rgb(45,112,253)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#2dfdba
```
#2dfdba rgb(45,253,186)
```

Split Complementary Color

#522dfd
```
#522dfd rgb(82,45,253)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#2dfd52
```
#2dfd52 rgb(45,253,82)
```

Triadic Color

#fd2dd8
```
#fd2dd8 rgb(253,45,216)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#2dfd52
```
#2dfd52 rgb(45,253,82)
```
#2dd8fd
```
#2dd8fd rgb(45,216,253)
```

Tetradic Color

#db2902
```
#db2902 rgb(219,41,2)
```
#f52d02
```
#f52d02 rgb(245,45,2)
```
#fd3d14
```
#fd3d14 rgb(253,61,20)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#fd6746
```
#fd6746 rgb(253,103,70)
```
#fd7c60
```
#fd7c60 rgb(253,124,96)
```
#fe9079
```
#fe9079 rgb(254,144,121)
```

Monochromatic Color

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

#fd2d3c
```
#fd2d3c rgb(253,45,60)
```
#fd2f2d
```
#fd2f2d rgb(253,47,45)
```
#fd412d
```
#fd412d rgb(253,65,45)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#fd632d
```
#fd632d rgb(253,99,45)
```
#fd752d
```
#fd752d rgb(253,117,45)
```
#fd862d
```
#fd862d rgb(253,134,45)
```

Similar Colors

Text with hexadecimal color #fd522d

This text has a font color of #fd522d.

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

#fd522d background color

This paragraph has a background color of #fd522d.

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

#fd522d border color

This element has a border color of #fd522d.

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

CSS codes

.text {color:#fd522d;}

.background {background-color:#fd522d;}

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

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

#040100
```
#040100 rgb(4,1,0)
```
#170400
```
#170400 rgb(23,4,0)
```
#2b0800
```
#2b0800 rgb(43,8,0)
```
#3e0c01
```
#3e0c01 rgb(62,12,1)
```
#510f01
```
#510f01 rgb(81,15,1)
```
#651301
```
#651301 rgb(101,19,1)
```
#781601
```
#781601 rgb(120,22,1)
```
#8c1a01
```
#8c1a01 rgb(140,26,1)
```
#9f1e02
```
#9f1e02 rgb(159,30,2)
```
#b32102
```
#b32102 rgb(179,33,2)
```
#c62502
```
#c62502 rgb(198,37,2)
```
#d92802
```
#d92802 rgb(217,40,2)
```
#ed2c02
```
#ed2c02 rgb(237,44,2)
```

Shade Color Variation

#fd3206
```
#fd3206 rgb(253,50,6)
```
#fd421a
```
#fd421a rgb(253,66,26)
```
#fd522d
```
#fd522d rgb(253,82,45)
```
#fd6240
```
#fd6240 rgb(253,98,64)
```
#fd7254
```
#fd7254 rgb(253,114,84)
```
#fe8267
```
#fe8267 rgb(254,130,103)
```
#fe927b
```
#fe927b rgb(254,146,123)
```
#fea28e
```
#fea28e rgb(254,162,142)
```
#feb2a2
```
#feb2a2 rgb(254,178,162)
```
#fec2b5
```
#fec2b5 rgb(254,194,181)
```
#fed2c8
```
#fed2c8 rgb(254,210,200)
```
#ffe2dc
```
#ffe2dc rgb(255,226,220)
```
#fff2ef
```
#fff2ef rgb(255,242,239)
```

Tint Color Variation

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

#9b918f
```
#9b918f rgb(155,145,143)
```
#a38c87
```
#a38c87 rgb(163,140,135)
```
#ab877f
```
#ab877f rgb(171,135,127)
```
#b48176
```
#b48176 rgb(180,129,118)
```
#bc7c6e
```
#bc7c6e rgb(188,124,110)
```
#c47766
```
#c47766 rgb(196,119,102)
```
#cc725e
```
#cc725e rgb(204,114,94)
```
#d46c56
```
#d46c56 rgb(212,108,86)
```
#dc674e
```
#dc674e rgb(220,103,78)
```
#e56245
```
#e56245 rgb(229,98,69)
```
#ed5d3d
```
#ed5d3d rgb(237,93,61)
```
#f55735
```
#f55735 rgb(245,87,53)
```
#fd522d
```
#fd522d rgb(253,82,45)
```

Tone Color Variation

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

#a39446 Protanopia 1% of men
#b88d26 Deuteranopia 1% of men
#fe565a Tritanopia 0.001% of the population

Trichromacy

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

#fd522d hex color

#fd522d Color Information

#fd522d Color Conversion

Color Schemes with #fd522d

Alternatives to #fd522d

#fd522d Preview

Shades and Tints of #fd522d

Tones of #fd522d

Color Blindness Simulator