#f5532d hex color

In a RGB color space, hex #f5532d is composed of 96.1% red, 32.5% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 81.6% yellow and 3.9% black. It has a hue angle of 11.4 degrees, a saturation of 90.9% and a lightness of 56.9%. #f5532d color hex could be obtained by blending #ffa65a with #eb0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 96
- G 33
- B 18
RGB color chart
- C 0
- M 66
- Y 82
- K 4
CMYK color chart

● #f5532d color description : Bright red.

The hexadecimal color #f5532d has RGB values of R:245, G:83, B:45 and CMYK values of C:0, M:0.66, Y:0.82, K:0.04. Its decimal value is 16077613.

Hex triplet	f5532d	`#f5532d`
RGB Decimal	245, 83, 45	`rgb(245,83,45)`
RGB Percent	96.1, 32.5, 17.6	`rgb(96.1%,32.5%,17.6%)`
CMYK	0, 66, 82, 4
HSL	11.4°, 90.9, 56.9	`hsl(11.4,90.9%,56.9%)`
HSV (or HSB)	11.4°, 81.6, 96.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.84, 60.204, 54.331
XYZ	41.225, 25.793, 5.29
xyY	0.57, 0.357, 25.793
CIE-LCH	57.84, 81.095, 42.064
CIE-LUV	57.84, 130.505, 40.984
Hunter-Lab	50.787, 56.016, 29.375
Binary	11110101, 01010011, 00101101

#f5532d
```
#f5532d rgb(245,83,45)
```
#2dcff5
```
#2dcff5 rgb(45,207,245)
```

Complementary Color

#f52d6b
```
#f52d6b rgb(245,45,107)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#f5b72d
```
#f5b72d rgb(245,183,45)
```

Analogous Color

#2d6bf5
```
#2d6bf5 rgb(45,107,245)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#2df5b7
```
#2df5b7 rgb(45,245,183)
```

Split Complementary Color

#532df5
```
#532df5 rgb(83,45,245)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#2df553
```
#2df553 rgb(45,245,83)
```

Triadic Color

#f52dcf
```
#f52dcf rgb(245,45,207)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#2df553
```
#2df553 rgb(45,245,83)
```
#2dcff5
```
#2dcff5 rgb(45,207,245)
```

Tetradic Color

#cc2f0a
```
#cc2f0a rgb(204,47,10)
```
#e4340b
```
#e4340b rgb(228,52,11)
```
#f43f15
```
#f43f15 rgb(244,63,21)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#f66745
```
#f66745 rgb(246,103,69)
```
#f77b5e
```
#f77b5e rgb(247,123,94)
```
#f88f76
```
#f88f76 rgb(248,143,118)
```

Monochromatic Color

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

#f52d39
```
#f52d39 rgb(245,45,57)
```
#f5322d
```
#f5322d rgb(245,50,45)
```
#f5422d
```
#f5422d rgb(245,66,45)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#f5642d
```
#f5642d rgb(245,100,45)
```
#f5742d
```
#f5742d rgb(245,116,45)
```
#f5852d
```
#f5852d rgb(245,133,45)
```

Similar Colors

Text with hexadecimal color #f5532d

This text has a font color of #f5532d.

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

#f5532d background color

This paragraph has a background color of #f5532d.

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

#f5532d border color

This element has a border color of #f5532d.

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

CSS codes

.text {color:#f5532d;}

.background {background-color:#f5532d;}

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

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, #0f0301 is the darkest color, while #fffcfb is the lightest one.

#0f0301
```
#0f0301 rgb(15,3,1)
```
#210802
```
#210802 rgb(33,8,2)
```
#340c02
```
#340c02 rgb(52,12,2)
```
#471003
```
#471003 rgb(71,16,3)
```
#5a1404
```
#5a1404 rgb(90,20,4)
```
#6c1905
```
#6c1905 rgb(108,25,5)
```
#7f1d06
```
#7f1d06 rgb(127,29,6)
```
#922107
```
#922107 rgb(146,33,7)
```
#a42608
```
#a42608 rgb(164,38,8)
```
#b72a09
```
#b72a09 rgb(183,42,9)
```
#ca2e0a
```
#ca2e0a rgb(202,46,10)
```
#dd320b
```
#dd320b rgb(221,50,11)
```
#ef370b
```
#ef370b rgb(239,55,11)
```

Shade Color Variation

#f4441a
```
#f4441a rgb(244,68,26)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#f66240
```
#f66240 rgb(246,98,64)
```
#f77252
```
#f77252 rgb(247,114,82)
```
#f88165
```
#f88165 rgb(248,129,101)
```
#f99078
```
#f99078 rgb(249,144,120)
```
#f9a08b
```
#f9a08b rgb(249,160,139)
```
#faaf9d
```
#faaf9d rgb(250,175,157)
```
#fbbeb0
```
#fbbeb0 rgb(251,190,176)
```
#fccec3
```
#fccec3 rgb(252,206,195)
```
#fdddd6
```
#fdddd6 rgb(253,221,214)
```
#feece8
```
#feece8 rgb(254,236,232)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#988d8a
```
#988d8a rgb(152,141,138)
```
#a08782
```
#a08782 rgb(160,135,130)
```
#a98279
```
#a98279 rgb(169,130,121)
```
#b17d71
```
#b17d71 rgb(177,125,113)
```
#ba7868
```
#ba7868 rgb(186,120,104)
```
#c27260
```
#c27260 rgb(194,114,96)
```
#cb6d57
```
#cb6d57 rgb(203,109,87)
```
#d3684f
```
#d3684f rgb(211,104,79)
```
#dc6346
```
#dc6346 rgb(220,99,70)
```
#e45d3e
```
#e45d3e rgb(228,93,62)
```
#ed5835
```
#ed5835 rgb(237,88,53)
```
#f5532d
```
#f5532d rgb(245,83,45)
```
#fd4e25
```
#fd4e25 rgb(253,78,37)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#97766f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a09145 Protanopia 1% of men
#b48a27 Deuteranopia 1% of men
#f6575c Tritanopia 0.001% of the population

Trichromacy

#bf7a3c Protanomaly 1% of men, 0.01% of women
#cc7629 Deuteranomaly 6% of men, 0.4% of women
#f6564a Tritanomaly 0.01% of the population

#f5532d hex color

#f5532d Color Information

#f5532d Color Conversion

Color Schemes with #f5532d

Alternatives to #f5532d

#f5532d Preview

Shades and Tints of #f5532d

Tones of #f5532d

Color Blindness Simulator