#f42525 hex color

In a RGB color space, hex #f42525 is composed of 95.7% red, 14.5% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 84.8% yellow and 4.3% black. It has a hue angle of 0 degrees, a saturation of 90.4% and a lightness of 55.1%. #f42525 color hex could be obtained by blending #ff4a4a with #e90000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 15
- B 15
RGB color chart
- C 0
- M 85
- Y 85
- K 4
CMYK color chart

● #f42525 color description : Bright red.

The hexadecimal color #f42525 has RGB values of R:244, G:37, B:37 and CMYK values of C:0, M:0.85, Y:0.85, K:0.04. Its decimal value is 16000293.

Hex triplet	f42525	`#f42525`
RGB Decimal	244, 37, 37	`rgb(244,37,37)`
RGB Percent	95.7, 14.5, 14.5	`rgb(95.7%,14.5%,14.5%)`
CMYK	0, 85, 85, 4
HSL	0°, 90.4, 55.1	`hsl(0,90.4%,55.1%)`
HSV (or HSB)	0°, 84.8, 95.7
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.614, 73.579, 53.358
XYZ	38.306, 20.695, 3.728
xyY	0.611, 0.33, 20.695
CIE-LCH	52.614, 90.889, 35.949
CIE-LUV	52.614, 155.869, 33.625
Hunter-Lab	45.491, 70.695, 26.986
Binary	11110100, 00100101, 00100101

#f42525
```
#f42525 rgb(244,37,37)
```
#25f4f4
```
#25f4f4 rgb(37,244,244)
```

Complementary Color

#f4258d
```
#f4258d rgb(244,37,141)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#f48d25
```
#f48d25 rgb(244,141,37)
```

Analogous Color

#258df4
```
#258df4 rgb(37,141,244)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#25f48d
```
#25f48d rgb(37,244,141)
```

Split Complementary Color

#2525f4
```
#2525f4 rgb(37,37,244)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#25f425
```
#25f425 rgb(37,244,37)
```

Triadic Color

#f425f4
```
#f425f4 rgb(244,37,244)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#25f425
```
#25f425 rgb(37,244,37)
```
#25f4f4
```
#25f4f4 rgb(37,244,244)
```

Tetradic Color

#c30a0a
```
#c30a0a rgb(195,10,10)
```
#db0b0b
```
#db0b0b rgb(219,11,11)
```
#f30d0d
```
#f30d0d rgb(243,13,13)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#f53d3d
```
#f53d3d rgb(245,61,61)
```
#f65656
```
#f65656 rgb(246,86,86)
```
#f86e6e
```
#f86e6e rgb(248,110,110)
```

Monochromatic Color

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

#f42559
```
#f42559 rgb(244,37,89)
```
#f42548
```
#f42548 rgb(244,37,72)
```
#f42536
```
#f42536 rgb(244,37,54)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#f43625
```
#f43625 rgb(244,54,37)
```
#f44825
```
#f44825 rgb(244,72,37)
```
#f45925
```
#f45925 rgb(244,89,37)
```

Similar Colors

Text with hexadecimal color #f42525

This text has a font color of #f42525.

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

#f42525 background color

This paragraph has a background color of #f42525.

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

#f42525 border color

This element has a border color of #f42525.

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

CSS codes

.text {color:#f42525;}

.background {background-color:#f42525;}

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

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

#060000
```
#060000 rgb(6,0,0)
```
#190101
```
#190101 rgb(25,1,1)
```
#2b0202
```
#2b0202 rgb(43,2,2)
```
#3e0303
```
#3e0303 rgb(62,3,3)
```
#510404
```
#510404 rgb(81,4,4)
```
#630505
```
#630505 rgb(99,5,5)
```
#760606
```
#760606 rgb(118,6,6)
```
#890707
```
#890707 rgb(137,7,7)
```
#9b0808
```
#9b0808 rgb(155,8,8)
```
#ae0909
```
#ae0909 rgb(174,9,9)
```
#c10a0a
```
#c10a0a rgb(193,10,10)
```
#d30b0b
```
#d30b0b rgb(211,11,11)
```
#e60c0c
```
#e60c0c rgb(230,12,12)
```

Shade Color Variation

#f31212
```
#f31212 rgb(243,18,18)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#f53838
```
#f53838 rgb(245,56,56)
```
#f64a4a
```
#f64a4a rgb(246,74,74)
```
#f75d5d
```
#f75d5d rgb(247,93,93)
```
#f87070
```
#f87070 rgb(248,112,112)
```
#f98282
```
#f98282 rgb(249,130,130)
```
#fa9595
```
#fa9595 rgb(250,149,149)
```
#fba8a8
```
#fba8a8 rgb(251,168,168)
```
#fcbaba
```
#fcbaba rgb(252,186,186)
```
#fccdcd
```
#fccdcd rgb(252,205,205)
```
#fde0e0
```
#fde0e0 rgb(253,224,224)
```
#fef2f2
```
#fef2f2 rgb(254,242,242)
```

Tint Color Variation

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

#938686
```
#938686 rgb(147,134,134)
```
#9c7d7d
```
#9c7d7d rgb(156,125,125)
```
#a57474
```
#a57474 rgb(165,116,116)
```
#ae6b6b
```
#ae6b6b rgb(174,107,107)
```
#b66363
```
#b66363 rgb(182,99,99)
```
#bf5a5a
```
#bf5a5a rgb(191,90,90)
```
#c85151
```
#c85151 rgb(200,81,81)
```
#d14848
```
#d14848 rgb(209,72,72)
```
#da3f3f
```
#da3f3f rgb(218,63,63)
```
#e23737
```
#e23737 rgb(226,55,55)
```
#eb2e2e
```
#eb2e2e rgb(235,46,46)
```
#f42525
```
#f42525 rgb(244,37,37)
```
#fd1c1c
```
#fd1c1c rgb(253,28,28)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#805757 Atypical Achromatopsia 0.001% of the population

Dichromacy

#918443 Protanopia 1% of men
#a57d16 Deuteranopia 1% of men
#f4302f Tritanopia 0.001% of the population

Trichromacy

#b56138 Protanomaly 1% of men, 0.01% of women
#c15d1b Deuteranomaly 6% of men, 0.4% of women
#f42c2b Tritanomaly 0.01% of the population

#f42525 hex color

#f42525 Color Information

#f42525 Color Conversion

Color Schemes with #f42525

Alternatives to #f42525

#f42525 Preview

Shades and Tints of #f42525

Tones of #f42525

Color Blindness Simulator