#f52a1f hex color

In a RGB color space, hex #f52a1f is composed of 96.1% red, 16.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.9% magenta, 87.3% yellow and 3.9% black. It has a hue angle of 3.1 degrees, a saturation of 91.5% and a lightness of 54.1%. #f52a1f color hex could be obtained by blending #ff543e with #eb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 16
- B 12
RGB color chart
- C 0
- M 83
- Y 87
- K 4
CMYK color chart

● #f52a1f color description : Vivid red.

The hexadecimal color #f52a1f has RGB values of R:245, G:42, B:31 and CMYK values of C:0, M:0.83, Y:0.87, K:0.04. Its decimal value is 16067103.

Hex triplet	f52a1f	`#f52a1f`
RGB Decimal	245, 42, 31	`rgb(245,42,31)`
RGB Percent	96.1, 16.5, 12.2	`rgb(96.1%,16.5%,12.2%)`
CMYK	0, 83, 87, 4
HSL	3.1°, 91.5, 54.1	`hsl(3.1,91.5%,54.1%)`
HSV (or HSB)	3.1°, 87.3, 96.1
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.138, 72.691, 56.573
XYZ	38.734, 21.172, 3.344
xyY	0.612, 0.335, 21.172
CIE-LCH	53.138, 92.111, 37.893
CIE-LUV	53.138, 155.479, 35.782
Hunter-Lab	46.013, 69.736, 27.901
Binary	11110101, 00101010, 00011111

#f52a1f
```
#f52a1f rgb(245,42,31)
```
#1feaf5
```
#1feaf5 rgb(31,234,245)
```

Complementary Color

#f51f7f
```
#f51f7f rgb(245,31,127)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#f5951f
```
#f5951f rgb(245,149,31)
```

Analogous Color

#1f7ff5
```
#1f7ff5 rgb(31,127,245)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#1ff595
```
#1ff595 rgb(31,245,149)
```

Split Complementary Color

#2a1ff5
```
#2a1ff5 rgb(42,31,245)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#1ff52a
```
#1ff52a rgb(31,245,42)
```

Triadic Color

#f51fea
```
#f51fea rgb(245,31,234)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#1ff52a
```
#1ff52a rgb(31,245,42)
```
#1feaf5
```
#1feaf5 rgb(31,234,245)
```

Tetradic Color

#bf1209
```
#bf1209 rgb(191,18,9)
```
#d7140a
```
#d7140a rgb(215,20,10)
```
#f0160b
```
#f0160b rgb(240,22,11)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#f64137
```
#f64137 rgb(246,65,55)
```
#f75850
```
#f75850 rgb(247,88,80)
```
#f87068
```
#f87068 rgb(248,112,104)
```

Monochromatic Color

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

#f51f4a
```
#f51f4a rgb(245,31,74)
```
#f51f38
```
#f51f38 rgb(245,31,56)
```
#f51f26
```
#f51f26 rgb(245,31,38)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#f53c1f
```
#f53c1f rgb(245,60,31)
```
#f54e1f
```
#f54e1f rgb(245,78,31)
```
#f55f1f
```
#f55f1f rgb(245,95,31)
```

Similar Colors

Text with hexadecimal color #f52a1f

This text has a font color of #f52a1f.

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

#f52a1f background color

This paragraph has a background color of #f52a1f.

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

#f52a1f border color

This element has a border color of #f52a1f.

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

CSS codes

.text {color:#f52a1f;}

.background {background-color:#f52a1f;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140201
```
#140201 rgb(20,2,1)
```
#270402
```
#270402 rgb(39,4,2)
```
#3a0503
```
#3a0503 rgb(58,5,3)
```
#4c0703
```
#4c0703 rgb(76,7,3)
```
#5f0904
```
#5f0904 rgb(95,9,4)
```
#720b05
```
#720b05 rgb(114,11,5)
```
#850c06
```
#850c06 rgb(133,12,6)
```
#980e07
```
#980e07 rgb(152,14,7)
```
#aa1008
```
#aa1008 rgb(170,16,8)
```
#bd1208
```
#bd1208 rgb(189,18,8)
```
#d01309
```
#d01309 rgb(208,19,9)
```
#e3150a
```
#e3150a rgb(227,21,10)
```

Shade Color Variation

#f4180c
```
#f4180c rgb(244,24,12)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#f63c32
```
#f63c32 rgb(246,60,50)
```
#f74e45
```
#f74e45 rgb(247,78,69)
```
#f86057
```
#f86057 rgb(248,96,87)
```
#f8716a
```
#f8716a rgb(248,113,106)
```
#f9837d
```
#f9837d rgb(249,131,125)
```
#fa9590
```
#fa9590 rgb(250,149,144)
```
#fba7a2
```
#fba7a2 rgb(251,167,162)
```
#fcb9b5
```
#fcb9b5 rgb(252,185,181)
```
#fdcbc8
```
#fdcbc8 rgb(253,203,200)
```
#fddddb
```
#fddddb rgb(253,221,219)
```
#feeeee
```
#feeeee rgb(254,238,238)
```

Tint Color Variation

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

#928382
```
#928382 rgb(146,131,130)
```
#9b7b79
```
#9b7b79 rgb(155,123,121)
```
#a47370
```
#a47370 rgb(164,115,112)
```
#ad6b67
```
#ad6b67 rgb(173,107,103)
```
#b6635e
```
#b6635e rgb(182,99,94)
```
#bf5a55
```
#bf5a55 rgb(191,90,85)
```
#c8524c
```
#c8524c rgb(200,82,76)
```
#d14a43
```
#d14a43 rgb(209,74,67)
```
#da423a
```
#da423a rgb(218,66,58)
```
#e33a31
```
#e33a31 rgb(227,58,49)
```
#ec3228
```
#ec3228 rgb(236,50,40)
```
#f52a1f
```
#f52a1f rgb(245,42,31)
```
#fe2216
```
#fe2216 rgb(254,34,22)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#825957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93853c Protanopia 1% of men
#a77f00 Deuteranopia 1% of men
#f53333 Tritanopia 0.001% of the population

Trichromacy

#b76431 Protanomaly 1% of men, 0.01% of women
#c3600b Deuteranomaly 6% of men, 0.4% of women
#f5302b Tritanomaly 0.01% of the population

#f52a1f hex color

#f52a1f Color Information

#f52a1f Color Conversion

Color Schemes with #f52a1f

Alternatives to #f52a1f

#f52a1f Preview

Shades and Tints of #f52a1f

Tones of #f52a1f

Color Blindness Simulator