#f2523f hex color

In a RGB color space, hex #f2523f is composed of 94.9% red, 32.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.1% magenta, 74% yellow and 5.1% black. It has a hue angle of 6.4 degrees, a saturation of 87.3% and a lightness of 59.8%. #f2523f color hex could be obtained by blending #ffa47e with #e50000. Closest websafe color is: #ff6633.

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

● #f2523f color description : Bright red.

The hexadecimal color #f2523f has RGB values of R:242, G:82, B:63 and CMYK values of C:0, M:0.66, Y:0.74, K:0.05. Its decimal value is 15880767.

Hex triplet	f2523f	`#f2523f`
RGB Decimal	242, 82, 63	`rgb(242,82,63)`
RGB Percent	94.9, 32.2, 24.7	`rgb(94.9%,32.2%,24.7%)`
CMYK	0, 66, 74, 5
HSL	6.4°, 87.3, 59.8	`hsl(6.4,87.3%,59.8%)`
HSV (or HSB)	6.4°, 74, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	57.343, 60.223, 44.664
XYZ	40.534, 25.275, 7.447
xyY	0.553, 0.345, 25.275
CIE-LCH	57.343, 74.978, 36.562
CIE-LUV	57.343, 125.969, 34.526
Hunter-Lab	50.275, 55.937, 26.41
Binary	11110010, 01010010, 00111111

#f2523f
```
#f2523f rgb(242,82,63)
```
#3fdff2
```
#3fdff2 rgb(63,223,242)
```

Complementary Color

#f23f86
```
#f23f86 rgb(242,63,134)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#f2ac3f
```
#f2ac3f rgb(242,172,63)
```

Analogous Color

#3f86f2
```
#3f86f2 rgb(63,134,242)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#3ff2ac
```
#3ff2ac rgb(63,242,172)
```

Split Complementary Color

#523ff2
```
#523ff2 rgb(82,63,242)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#3ff252
```
#3ff252 rgb(63,242,82)
```

Triadic Color

#f23fdf
```
#f23fdf rgb(242,63,223)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#3ff252
```
#3ff252 rgb(63,242,82)
```
#3fdff2
```
#3fdff2 rgb(63,223,242)
```

Tetradic Color

#d6240e
```
#d6240e rgb(214,36,14)
```
#ee2810
```
#ee2810 rgb(238,40,16)
```
#f03c27
```
#f03c27 rgb(240,60,39)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#f46857
```
#f46857 rgb(244,104,87)
```
#f57d6f
```
#f57d6f rgb(245,125,111)
```
#f79387
```
#f79387 rgb(247,147,135)
```

Monochromatic Color

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

#f23f59
```
#f23f59 rgb(242,63,89)
```
#f23f4a
```
#f23f4a rgb(242,63,74)
```
#f2433f
```
#f2433f rgb(242,67,63)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#f2613f
```
#f2613f rgb(242,97,63)
```
#f2703f
```
#f2703f rgb(242,112,63)
```
#f27f3f
```
#f27f3f rgb(242,127,63)
```

Similar Colors

Text with hexadecimal color #f2523f

This text has a font color of #f2523f.

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

#f2523f background color

This paragraph has a background color of #f2523f.

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

#f2523f border color

This element has a border color of #f2523f.

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

CSS codes

.text {color:#f2523f;}

.background {background-color:#f2523f;}

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

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

#0a0201
```
#0a0201 rgb(10,2,1)
```
#1c0502
```
#1c0502 rgb(28,5,2)
```
#2f0803
```
#2f0803 rgb(47,8,3)
```
#410b04
```
#410b04 rgb(65,11,4)
```
#540e06
```
#540e06 rgb(84,14,6)
```
#661107
```
#661107 rgb(102,17,7)
```
#781408
```
#781408 rgb(120,20,8)
```
#8b1709
```
#8b1709 rgb(139,23,9)
```
#9d1a0b
```
#9d1a0b rgb(157,26,11)
```
#af1d0c
```
#af1d0c rgb(175,29,12)
```
#c2200d
```
#c2200d rgb(194,32,13)
```
#d4230e
```
#d4230e rgb(212,35,14)
```
#e72610
```
#e72610 rgb(231,38,16)
```

Shade Color Variation

#f0311a
```
#f0311a rgb(240,49,26)
```
#f1412d
```
#f1412d rgb(241,65,45)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#f36351
```
#f36351 rgb(243,99,81)
```
#f47364
```
#f47364 rgb(244,115,100)
```
#f68476
```
#f68476 rgb(246,132,118)
```
#f79488
```
#f79488 rgb(247,148,136)
```
#f8a59b
```
#f8a59b rgb(248,165,155)
```
#f9b5ad
```
#f9b5ad rgb(249,181,173)
```
#fbc6c0
```
#fbc6c0 rgb(251,198,192)
```
#fcd6d2
```
#fcd6d2 rgb(252,214,210)
```
#fde7e4
```
#fde7e4 rgb(253,231,228)
```
#fef8f7
```
#fef8f7 rgb(254,248,247)
```

Tint Color Variation

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

#9b9696
```
#9b9696 rgb(155,150,150)
```
#a3908e
```
#a3908e rgb(163,144,142)
```
#ab8a86
```
#ab8a86 rgb(171,138,134)
```
#b3847e
```
#b3847e rgb(179,132,126)
```
#bb7d76
```
#bb7d76 rgb(187,125,118)
```
#c3776e
```
#c3776e rgb(195,119,110)
```
#cb7166
```
#cb7166 rgb(203,113,102)
```
#d26b5f
```
#d26b5f rgb(210,107,95)
```
#da6557
```
#da6557 rgb(218,101,87)
```
#e25e4f
```
#e25e4f rgb(226,94,79)
```
#ea5847
```
#ea5847 rgb(234,88,71)
```
#f2523f
```
#f2523f rgb(242,82,63)
```
#fa4c37
```
#fa4c37 rgb(250,76,55)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#977773 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8f59 Protanopia 1% of men
#b1893d Deuteranopia 1% of men
#f3585c Tritanopia 0.001% of the population

Trichromacy

#bb794f Protanomaly 1% of men, 0.01% of women
#c8753d Deuteranomaly 6% of men, 0.4% of women
#f25651 Tritanomaly 0.01% of the population

#f2523f hex color

#f2523f Color Information

#f2523f Color Conversion

Color Schemes with #f2523f

Alternatives to #f2523f

#f2523f Preview

Shades and Tints of #f2523f

Tones of #f2523f

Color Blindness Simulator