#fd242f hex color

In a RGB color space, hex #fd242f is composed of 99.2% red, 14.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.8% magenta, 81.4% yellow and 0.8% black. It has a hue angle of 357 degrees, a saturation of 98.2% and a lightness of 56.7%. #fd242f color hex could be obtained by blending #ff485e with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 14
- B 18
RGB color chart
- C 0
- M 86
- Y 81
- K 1
CMYK color chart

● #fd242f color description : Vivid red.

The hexadecimal color #fd242f has RGB values of R:253, G:36, B:47 and CMYK values of C:0, M:0.86, Y:0.81, K:0.01. Its decimal value is 16589871.

Hex triplet	fd242f	`#fd242f`
RGB Decimal	253, 36, 47	`rgb(253,36,47)`
RGB Percent	99.2, 14.1, 18.4	`rgb(99.2%,14.1%,18.4%)`
CMYK	0, 86, 81, 1
HSL	357°, 98.2, 56.7	`hsl(357,98.2%,56.7%)`
HSV (or HSB)	357°, 85.8, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.402, 76.334, 50.677
XYZ	41.654, 22.355, 4.811
xyY	0.605, 0.325, 22.355
CIE-LCH	54.402, 91.625, 33.579
CIE-LUV	54.402, 161.134, 32.311
Hunter-Lab	47.281, 74.515, 27.064
Binary	11111101, 00100100, 00101111

#fd242f
```
#fd242f rgb(253,36,47)
```
#24fdf2
```
#24fdf2 rgb(36,253,242)
```

Complementary Color

#fd249c
```
#fd249c rgb(253,36,156)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#fd8624
```
#fd8624 rgb(253,134,36)
```

Analogous Color

#249cfd
```
#249cfd rgb(36,156,253)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#24fd86
```
#24fd86 rgb(36,253,134)
```

Split Complementary Color

#242ffd
```
#242ffd rgb(36,47,253)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#2ffd24
```
#2ffd24 rgb(47,253,36)
```

Triadic Color

#f224fd
```
#f224fd rgb(242,36,253)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#2ffd24
```
#2ffd24 rgb(47,253,36)
```
#24fdf2
```
#24fdf2 rgb(36,253,242)
```

Tetradic Color

#d3020d
```
#d3020d rgb(211,2,13)
```
#ec020e
```
#ec020e rgb(236,2,14)
```
#fd0b17
```
#fd0b17 rgb(253,11,23)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#fd3d47
```
#fd3d47 rgb(253,61,71)
```
#fd575f
```
#fd575f rgb(253,87,95)
```
#fe7077
```
#fe7077 rgb(254,112,119)
```

Monochromatic Color

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

#fd2465
```
#fd2465 rgb(253,36,101)
```
#fd2453
```
#fd2453 rgb(253,36,83)
```
#fd2441
```
#fd2441 rgb(253,36,65)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#fd2b24
```
#fd2b24 rgb(253,43,36)
```
#fd3d24
```
#fd3d24 rgb(253,61,36)
```
#fd4f24
```
#fd4f24 rgb(253,79,36)
```

Similar Colors

Text with hexadecimal color #fd242f

This text has a font color of #fd242f.

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

#fd242f background color

This paragraph has a background color of #fd242f.

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

#fd242f border color

This element has a border color of #fd242f.

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

CSS codes

.text {color:#fd242f;}

.background {background-color:#fd242f;}

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

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

#0e0001
```
#0e0001 rgb(14,0,1)
```
#220002
```
#220002 rgb(34,0,2)
```
#350003
```
#350003 rgb(53,0,3)
```
#490104
```
#490104 rgb(73,1,4)
```
#5c0105
```
#5c0105 rgb(92,1,5)
```
#6f0107
```
#6f0107 rgb(111,1,7)
```
#830108
```
#830108 rgb(131,1,8)
```
#960109
```
#960109 rgb(150,1,9)
```
#aa020a
```
#aa020a rgb(170,2,10)
```
#bd020b
```
#bd020b rgb(189,2,11)
```
#d1020c
```
#d1020c rgb(209,2,12)
```
#e4020e
```
#e4020e rgb(228,2,14)
```
#f8020f
```
#f8020f rgb(248,2,15)
```

Shade Color Variation

#fd111d
```
#fd111d rgb(253,17,29)
```
#fd242f
```
#fd242f rgb(253,36,47)
```
#fd3741
```
#fd3741 rgb(253,55,65)
```
#fd4b54
```
#fd4b54 rgb(253,75,84)
```
#fe5e66
```
#fe5e66 rgb(254,94,102)
```
#fe7279
```
#fe7279 rgb(254,114,121)
```
#fe858b
```
#fe858b rgb(254,133,139)
```
#fe999e
```
#fe999e rgb(254,153,158)
```
#feacb0
```
#feacb0 rgb(254,172,176)
```
#fec0c3
```
#fec0c3 rgb(254,192,195)
```
#ffd3d5
```
#ffd3d5 rgb(255,211,213)
```
#ffe6e8
```
#ffe6e8 rgb(255,230,232)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#978a8b
```
#978a8b rgb(151,138,139)
```
#a08283
```
#a08283 rgb(160,130,131)
```
#a8797b
```
#a8797b rgb(168,121,123)
```
#b17174
```
#b17174 rgb(177,113,116)
```
#b9686c
```
#b9686c rgb(185,104,108)
```
#c26064
```
#c26064 rgb(194,96,100)
```
#ca575d
```
#ca575d rgb(202,87,93)
```
#d34f55
```
#d34f55 rgb(211,79,85)
```
#db464e
```
#db464e rgb(219,70,78)
```
#e43e46
```
#e43e46 rgb(228,62,70)
```
#ec353e
```
#ec353e rgb(236,53,62)
```
#f52d37
```
#f52d37 rgb(245,45,55)
```
#fd242f
```
#fd242f rgb(253,36,47)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#84595b Atypical Achromatopsia 0.001% of the population

Dichromacy

#95884f Protanopia 1% of men
#aa8225 Deuteranopia 1% of men
#fc312f Tritanopia 0.001% of the population

Trichromacy

#bb6443 Protanomaly 1% of men, 0.01% of women
#c85f28 Deuteranomaly 6% of men, 0.4% of women
#fc2c2f Tritanomaly 0.01% of the population

#fd242f hex color

#fd242f Color Information

#fd242f Color Conversion

Color Schemes with #fd242f

Alternatives to #fd242f

#fd242f Preview

Shades and Tints of #fd242f

Tones of #fd242f

Color Blindness Simulator