#fd522b hex color

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

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

● #fd522b color description : Bright red.

The hexadecimal color #fd522b has RGB values of R:253, G:82, B:43 and CMYK values of C:0, M:0.68, Y:0.83, K:0.01. Its decimal value is 16601643.

Hex triplet	fd522b	`#fd522b`
RGB Decimal	253, 82, 43	`rgb(253,82,43)`
RGB Percent	99.2, 32.2, 16.9	`rgb(99.2%,32.2%,16.9%)`
CMYK	0, 68, 83, 1
HSL	11.1°, 98.1, 58	`hsl(11.1,98.1%,58%)`
HSV (or HSB)	11.1°, 83, 99.2
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.064, 63.132, 56.855
XYZ	43.963, 27.097, 5.201
xyY	0.576, 0.355, 27.097
CIE-LCH	59.064, 84.959, 42.005
CIE-LUV	59.064, 137.837, 42.21
Hunter-Lab	52.055, 59.659, 30.515
Binary	11111101, 01010010, 00101011

#fd522b
```
#fd522b rgb(253,82,43)
```
#2bd6fd
```
#2bd6fd rgb(43,214,253)
```

Complementary Color

#fd2b6d
```
#fd2b6d rgb(253,43,109)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#fdbb2b
```
#fdbb2b rgb(253,187,43)
```

Analogous Color

#2b6dfd
```
#2b6dfd rgb(43,109,253)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#2bfdbb
```
#2bfdbb rgb(43,253,187)
```

Split Complementary Color

#522bfd
```
#522bfd rgb(82,43,253)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#2bfd52
```
#2bfd52 rgb(43,253,82)
```

Triadic Color

#fd2bd6
```
#fd2bd6 rgb(253,43,214)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#2bfd52
```
#2bfd52 rgb(43,253,82)
```
#2bd6fd
```
#2bd6fd rgb(43,214,253)
```

Tetradic Color

#d92a02
```
#d92a02 rgb(217,42,2)
```
#f32f02
```
#f32f02 rgb(243,47,2)
```
#fd3d12
```
#fd3d12 rgb(253,61,18)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#fd6744
```
#fd6744 rgb(253,103,68)
```
#fd7b5e
```
#fd7b5e rgb(253,123,94)
```
#fe9077
```
#fe9077 rgb(254,144,119)
```

Monochromatic Color

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

#fd2b39
```
#fd2b39 rgb(253,43,57)
```
#fd2f2b
```
#fd2f2b rgb(253,47,43)
```
#fd402b
```
#fd402b rgb(253,64,43)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#fd632b
```
#fd632b rgb(253,99,43)
```
#fd752b
```
#fd752b rgb(253,117,43)
```
#fd872b
```
#fd872b rgb(253,135,43)
```

Similar Colors

Text with hexadecimal color #fd522b

This text has a font color of #fd522b.

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

#fd522b background color

This paragraph has a background color of #fd522b.

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

#fd522b border color

This element has a border color of #fd522b.

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

CSS codes

.text {color:#fd522b;}

.background {background-color:#fd522b;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150400
```
#150400 rgb(21,4,0)
```
#290800
```
#290800 rgb(41,8,0)
```
#3c0c01
```
#3c0c01 rgb(60,12,1)
```
#4f0f01
```
#4f0f01 rgb(79,15,1)
```
#631301
```
#631301 rgb(99,19,1)
```
#761701
```
#761701 rgb(118,23,1)
```
#8a1b01
```
#8a1b01 rgb(138,27,1)
```
#9d1e01
```
#9d1e01 rgb(157,30,1)
```
#b12202
```
#b12202 rgb(177,34,2)
```
#c42602
```
#c42602 rgb(196,38,2)
```
#d82a02
```
#d82a02 rgb(216,42,2)
```
#eb2d02
```
#eb2d02 rgb(235,45,2)
```

Shade Color Variation

#fd3204
```
#fd3204 rgb(253,50,4)
```
#fd4218
```
#fd4218 rgb(253,66,24)
```
#fd522b
```
#fd522b rgb(253,82,43)
```
#fd623e
```
#fd623e rgb(253,98,62)
```
#fd7252
```
#fd7252 rgb(253,114,82)
```
#fe8265
```
#fe8265 rgb(254,130,101)
```
#fe9179
```
#fe9179 rgb(254,145,121)
```
#fea18c
```
#fea18c rgb(254,161,140)
```
#feb1a0
```
#feb1a0 rgb(254,177,160)
```
#fec1b3
```
#fec1b3 rgb(254,193,179)
```
#fed1c6
```
#fed1c6 rgb(254,209,198)
```
#ffe1da
```
#ffe1da rgb(255,225,218)
```
#fff1ed
```
#fff1ed rgb(255,241,237)
```

Tint Color Variation

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

#9a908e
```
#9a908e rgb(154,144,142)
```
#a28b86
```
#a28b86 rgb(162,139,134)
```
#ab867d
```
#ab867d rgb(171,134,125)
```
#b38175
```
#b38175 rgb(179,129,117)
```
#bb7b6d
```
#bb7b6d rgb(187,123,109)
```
#c37665
```
#c37665 rgb(195,118,101)
```
#cc715c
```
#cc715c rgb(204,113,92)
```
#d46c54
```
#d46c54 rgb(212,108,84)
```
#dc674c
```
#dc674c rgb(220,103,76)
```
#e46244
```
#e46244 rgb(228,98,68)
```
#ed5c3b
```
#ed5c3b rgb(237,92,59)
```
#f55733
```
#f55733 rgb(245,87,51)
```
#fd522b
```
#fd522b rgb(253,82,43)
```

Tone Color Variation

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

#a39444 Protanopia 1% of men
#b88c23 Deuteranopia 1% of men
#fe565a Tritanopia 0.001% of the population

Trichromacy

#c47c3b Protanomaly 1% of men, 0.01% of women
#d17726 Deuteranomaly 6% of men, 0.4% of women
#fd5549 Tritanomaly 0.01% of the population

#fd522b hex color

#fd522b Color Information

#fd522b Color Conversion

Color Schemes with #fd522b

Alternatives to #fd522b

#fd522b Preview

Shades and Tints of #fd522b

Tones of #fd522b

Color Blindness Simulator