#f25a2d hex color

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

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

● #f25a2d color description : Bright red.

The hexadecimal color #f25a2d has RGB values of R:242, G:90, B:45 and CMYK values of C:0, M:0.63, Y:0.81, K:0.05. Its decimal value is 15882797.

Hex triplet	f25a2d	`#f25a2d`
RGB Decimal	242, 90, 45	`rgb(242,90,45)`
RGB Percent	94.9, 35.3, 17.6	`rgb(94.9%,35.3%,17.6%)`
CMYK	0, 63, 81, 5
HSL	13.7°, 88.3, 56.3	`hsl(13.7,88.3%,56.3%)`
HSV (or HSB)	13.7°, 81.4, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.399, 56.334, 54.661
XYZ	40.75, 26.384, 5.429
xyY	0.562, 0.364, 26.384
CIE-LCH	58.399, 78.494, 44.137
CIE-LUV	58.399, 123.1, 42.577
Hunter-Lab	51.365, 51.722, 29.688
Binary	11110010, 01011010, 00101101

#f25a2d
```
#f25a2d rgb(242,90,45)
```
#2dc5f2
```
#2dc5f2 rgb(45,197,242)
```

Complementary Color

#f22d63
```
#f22d63 rgb(242,45,99)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#f2bd2d
```
#f2bd2d rgb(242,189,45)
```

Analogous Color

#2d63f2
```
#2d63f2 rgb(45,99,242)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#2df2bd
```
#2df2bd rgb(45,242,189)
```

Split Complementary Color

#5a2df2
```
#5a2df2 rgb(90,45,242)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#2df25a
```
#2df25a rgb(45,242,90)
```

Triadic Color

#f22dc5
```
#f22dc5 rgb(242,45,197)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#2df25a
```
#2df25a rgb(45,242,90)
```
#2dc5f2
```
#2dc5f2 rgb(45,197,242)
```

Tetradic Color

#c6370c
```
#c6370c rgb(198,55,12)
```
#de3d0e
```
#de3d0e rgb(222,61,14)
```
#f14715
```
#f14715 rgb(241,71,21)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#f36d45
```
#f36d45 rgb(243,109,69)
```
#f5805d
```
#f5805d rgb(245,128,93)
```
#f69375
```
#f69375 rgb(246,147,117)
```

Monochromatic Color

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

#f22d31
```
#f22d31 rgb(242,45,49)
```
#f2392d
```
#f2392d rgb(242,57,45)
```
#f24a2d
```
#f24a2d rgb(242,74,45)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#f26a2d
```
#f26a2d rgb(242,106,45)
```
#f27b2d
```
#f27b2d rgb(242,123,45)
```
#f28b2d
```
#f28b2d rgb(242,139,45)
```

Similar Colors

Text with hexadecimal color #f25a2d

This text has a font color of #f25a2d.

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

#f25a2d background color

This paragraph has a background color of #f25a2d.

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

#f25a2d border color

This element has a border color of #f25a2d.

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

CSS codes

.text {color:#f25a2d;}

.background {background-color:#f25a2d;}

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

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 #fffaf8 is the lightest one.

#0c0301
```
#0c0301 rgb(12,3,1)
```
#1e0802
```
#1e0802 rgb(30,8,2)
```
#310d03
```
#310d03 rgb(49,13,3)
```
#431304
```
#431304 rgb(67,19,4)
```
#561805
```
#561805 rgb(86,24,5)
```
#681d06
```
#681d06 rgb(104,29,6)
```
#7a2208
```
#7a2208 rgb(122,34,8)
```
#8d2709
```
#8d2709 rgb(141,39,9)
```
#9f2c0a
```
#9f2c0a rgb(159,44,10)
```
#b2310b
```
#b2310b rgb(178,49,11)
```
#c4360c
```
#c4360c rgb(196,54,12)
```
#d73b0d
```
#d73b0d rgb(215,59,13)
```
#e9400e
```
#e9400e rgb(233,64,14)
```

Shade Color Variation

#f14b1b
```
#f14b1b rgb(241,75,27)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#f3693f
```
#f3693f rgb(243,105,63)
```
#f47752
```
#f47752 rgb(244,119,82)
```
#f58664
```
#f58664 rgb(245,134,100)
```
#f79477
```
#f79477 rgb(247,148,119)
```
#f8a389
```
#f8a389 rgb(248,163,137)
```
#f9b19c
```
#f9b19c rgb(249,177,156)
```
#fac0ae
```
#fac0ae rgb(250,192,174)
```
#fbcec1
```
#fbcec1 rgb(251,206,193)
```
#fcddd3
```
#fcddd3 rgb(252,221,211)
```
#fdebe6
```
#fdebe6 rgb(253,235,230)
```
#fffaf8
```
#fffaf8 rgb(255,250,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 #fb5524 is the most saturated one.

#948d8b
```
#948d8b rgb(148,141,139)
```
#9c8983
```
#9c8983 rgb(156,137,131)
```
#a5847a
```
#a5847a rgb(165,132,122)
```
#ad7f72
```
#ad7f72 rgb(173,127,114)
```
#b67b69
```
#b67b69 rgb(182,123,105)
```
#bf7660
```
#bf7660 rgb(191,118,96)
```
#c77158
```
#c77158 rgb(199,113,88)
```
#d06d4f
```
#d06d4f rgb(208,109,79)
```
#d86847
```
#d86847 rgb(216,104,71)
```
#e1633e
```
#e1633e rgb(225,99,62)
```
#e95f36
```
#e95f36 rgb(233,95,54)
```
#f25a2d
```
#f25a2d rgb(242,90,45)
```
#fb5524
```
#fb5524 rgb(251,85,36)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#987a71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19244 Protanopia 1% of men
#b68b29 Deuteranopia 1% of men
#f45d62 Tritanopia 0.001% of the population

Trichromacy

#bf7d3c Protanomaly 1% of men, 0.01% of women
#cb792a Deuteranomaly 6% of men, 0.4% of women
#f35c4f Tritanomaly 0.01% of the population

#f25a2d hex color

#f25a2d Color Information

#f25a2d Color Conversion

Color Schemes with #f25a2d

Alternatives to #f25a2d

#f25a2d Preview

Shades and Tints of #f25a2d

Tones of #f25a2d

Color Blindness Simulator