#f2522d hex color

In a RGB color space, hex #f2522d is composed of 94.9% red, 32.2% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 81.4% yellow and 5.1% black. It has a hue angle of 11.3 degrees, a saturation of 88.3% and a lightness of 56.3%. #f2522d color hex could be obtained by blending #ffa45a with #e50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 95
- G 32
- B 18
RGB color chart
- C 0
- M 66
- Y 81
- K 5
CMYK color chart

● #f2522d color description : Bright red.

The hexadecimal color #f2522d has RGB values of R:242, G:82, B:45 and CMYK values of C:0, M:0.66, Y:0.81, K:0.05. Its decimal value is 15880749.

Hex triplet	f2522d	`#f2522d`
RGB Decimal	242, 82, 45	`rgb(242,82,45)`
RGB Percent	94.9, 32.2, 17.6	`rgb(94.9%,32.2%,17.6%)`
CMYK	0, 66, 81, 5
HSL	11.3°, 88.3, 56.3	`hsl(11.3,88.3%,56.3%)`
HSV (or HSB)	11.3°, 81.4, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.178, 59.616, 53.531
XYZ	40.111, 25.106, 5.216
xyY	0.569, 0.356, 25.106
CIE-LCH	57.178, 80.123, 41.922
CIE-LUV	57.178, 128.785, 40.349
Hunter-Lab	50.106, 55.208, 28.902
Binary	11110010, 01010010, 00101101

#f2522d
```
#f2522d rgb(242,82,45)
```
#2dcdf2
```
#2dcdf2 rgb(45,205,242)
```

Complementary Color

#f22d6b
```
#f22d6b rgb(242,45,107)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#f2b52d
```
#f2b52d rgb(242,181,45)
```

Analogous Color

#2d6bf2
```
#2d6bf2 rgb(45,107,242)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#2df2b5
```
#2df2b5 rgb(45,242,181)
```

Split Complementary Color

#522df2
```
#522df2 rgb(82,45,242)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#2df252
```
#2df252 rgb(45,242,82)
```

Triadic Color

#f22dcd
```
#f22dcd rgb(242,45,205)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#2df252
```
#2df252 rgb(45,242,82)
```
#2dcdf2
```
#2dcdf2 rgb(45,205,242)
```

Tetradic Color

#c62f0c
```
#c62f0c rgb(198,47,12)
```
#de350e
```
#de350e rgb(222,53,14)
```
#f13e15
```
#f13e15 rgb(241,62,21)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#f36645
```
#f36645 rgb(243,102,69)
```
#f57a5d
```
#f57a5d rgb(245,122,93)
```
#f68d75
```
#f68d75 rgb(246,141,117)
```

Monochromatic Color

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

#f22d39
```
#f22d39 rgb(242,45,57)
```
#f2312d
```
#f2312d rgb(242,49,45)
```
#f2422d
```
#f2422d rgb(242,66,45)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#f2622d
```
#f2622d rgb(242,98,45)
```
#f2732d
```
#f2732d rgb(242,115,45)
```
#f2832d
```
#f2832d rgb(242,131,45)
```

Similar Colors

Text with hexadecimal color #f2522d

This text has a font color of #f2522d.

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

#f2522d background color

This paragraph has a background color of #f2522d.

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

#f2522d border color

This element has a border color of #f2522d.

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

CSS codes

.text {color:#f2522d;}

.background {background-color:#f2522d;}

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

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

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0702
```
#1e0702 rgb(30,7,2)
```
#310c03
```
#310c03 rgb(49,12,3)
```
#431004
```
#431004 rgb(67,16,4)
```
#561405
```
#561405 rgb(86,20,5)
```
#681906
```
#681906 rgb(104,25,6)
```
#7a1d08
```
#7a1d08 rgb(122,29,8)
```
#8d2209
```
#8d2209 rgb(141,34,9)
```
#9f260a
```
#9f260a rgb(159,38,10)
```
#b22a0b
```
#b22a0b rgb(178,42,11)
```
#c42f0c
```
#c42f0c rgb(196,47,12)
```
#d7330d
```
#d7330d rgb(215,51,13)
```
#e9380e
```
#e9380e rgb(233,56,14)
```

Shade Color Variation

#f1431b
```
#f1431b rgb(241,67,27)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#f3613f
```
#f3613f rgb(243,97,63)
```
#f47052
```
#f47052 rgb(244,112,82)
```
#f58064
```
#f58064 rgb(245,128,100)
```
#f78f77
```
#f78f77 rgb(247,143,119)
```
#f89e89
```
#f89e89 rgb(248,158,137)
```
#f9ad9c
```
#f9ad9c rgb(249,173,156)
```
#fabdae
```
#fabdae rgb(250,189,174)
```
#fbccc1
```
#fbccc1 rgb(251,204,193)
```
#fcdbd3
```
#fcdbd3 rgb(252,219,211)
```
#fdeae6
```
#fdeae6 rgb(253,234,230)
```
#fff9f8
```
#fff9f8 rgb(255,249,248)
```

Tint Color Variation

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

#948d8b
```
#948d8b rgb(148,141,139)
```
#9c8883
```
#9c8883 rgb(156,136,131)
```
#a5827a
```
#a5827a rgb(165,130,122)
```
#ad7d72
```
#ad7d72 rgb(173,125,114)
```
#b67769
```
#b67769 rgb(182,119,105)
```
#bf7260
```
#bf7260 rgb(191,114,96)
```
#c76d58
```
#c76d58 rgb(199,109,88)
```
#d0674f
```
#d0674f rgb(208,103,79)
```
#d86247
```
#d86247 rgb(216,98,71)
```
#e15d3e
```
#e15d3e rgb(225,93,62)
```
#e95736
```
#e95736 rgb(233,87,54)
```
#f2522d
```
#f2522d rgb(242,82,45)
```
#fb4d24
```
#fb4d24 rgb(251,77,36)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#95756e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8f45 Protanopia 1% of men
#b28828 Deuteranopia 1% of men
#f3565b Tritanopia 0.001% of the population

Trichromacy

#bc793c Protanomaly 1% of men, 0.01% of women
#c9742a Deuteranomaly 6% of men, 0.4% of women
#f3554a Tritanomaly 0.01% of the population

#f2522d hex color

#f2522d Color Information

#f2522d Color Conversion

Color Schemes with #f2522d

Alternatives to #f2522d

#f2522d Preview

Shades and Tints of #f2522d

Tones of #f2522d

Color Blindness Simulator