#fd421c hex color

In a RGB color space, hex #fd421c is composed of 99.2% red, 25.9% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.9% magenta, 88.9% yellow and 0.8% black. It has a hue angle of 10.1 degrees, a saturation of 98.3% and a lightness of 55.1%. #fd421c color hex could be obtained by blending #ff8438 with #fb0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 99
- G 26
- B 11
RGB color chart
- C 0
- M 74
- Y 89
- K 1
CMYK color chart

● #fd421c color description : Vivid red.

The hexadecimal color #fd421c has RGB values of R:253, G:66, B:28 and CMYK values of C:0, M:0.74, Y:0.89, K:0.01. Its decimal value is 16597532.

Hex triplet	fd421c	`#fd421c`
RGB Decimal	253, 66, 28	`rgb(253,66,28)`
RGB Percent	99.2, 25.9, 11	`rgb(99.2%,25.9%,11%)`
CMYK	0, 74, 89, 1
HSL	10.1°, 98.3, 55.1	`hsl(10.1,98.3%,55.1%)`
HSV (or HSB)	10.1°, 88.9, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.947, 68.421, 61.271
XYZ	42.668, 24.868, 3.652
xyY	0.599, 0.349, 24.868
CIE-LCH	56.947, 91.846, 41.845
CIE-LUV	56.947, 149.684, 41.643
Hunter-Lab	49.868, 65.459, 30.566
Binary	11111101, 01000010, 00011100

#fd421c
```
#fd421c rgb(253,66,28)
```
#1cd7fd
```
#1cd7fd rgb(28,215,253)
```

Complementary Color

#fd1c67
```
#fd1c67 rgb(253,28,103)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#fdb31c
```
#fdb31c rgb(253,179,28)
```

Analogous Color

#1c67fd
```
#1c67fd rgb(28,103,253)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#1cfdb3
```
#1cfdb3 rgb(28,253,179)
```

Split Complementary Color

#421cfd
```
#421cfd rgb(66,28,253)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#1cfd42
```
#1cfd42 rgb(28,253,66)
```

Triadic Color

#fd1cd7
```
#fd1cd7 rgb(253,28,215)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#1cfd42
```
#1cfd42 rgb(28,253,66)
```
#1cd7fd
```
#1cd7fd rgb(28,215,253)
```

Tetradic Color

#cb2402
```
#cb2402 rgb(203,36,2)
```
#e42802
```
#e42802 rgb(228,40,2)
```
#fd2d03
```
#fd2d03 rgb(253,45,3)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#fd5735
```
#fd5735 rgb(253,87,53)
```
#fd6c4f
```
#fd6c4f rgb(253,108,79)
```
#fe8168
```
#fe8168 rgb(254,129,104)
```

Monochromatic Color

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

#fd1c2e
```
#fd1c2e rgb(253,28,46)
```
#fd1d1c
```
#fd1d1c rgb(253,29,28)
```
#fd2f1c
```
#fd2f1c rgb(253,47,28)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#fd551c
```
#fd551c rgb(253,85,28)
```
#fd681c
```
#fd681c rgb(253,104,28)
```
#fd7a1c
```
#fd7a1c rgb(253,122,28)
```

Similar Colors

Text with hexadecimal color #fd421c

This text has a font color of #fd421c.

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

#fd421c background color

This paragraph has a background color of #fd421c.

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

#fd421c border color

This element has a border color of #fd421c.

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

CSS codes

.text {color:#fd421c;}

.background {background-color:#fd421c;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#1a0500
```
#1a0500 rgb(26,5,0)
```
#2d0800
```
#2d0800 rgb(45,8,0)
```
#410b01
```
#410b01 rgb(65,11,1)
```
#540f01
```
#540f01 rgb(84,15,1)
```
#681201
```
#681201 rgb(104,18,1)
```
#7b1601
```
#7b1601 rgb(123,22,1)
```
#8e1901
```
#8e1901 rgb(142,25,1)
```
#a21d01
```
#a21d01 rgb(162,29,1)
```
#b52002
```
#b52002 rgb(181,32,2)
```
#c92302
```
#c92302 rgb(201,35,2)
```
#dc2702
```
#dc2702 rgb(220,39,2)
```
#f02a02
```
#f02a02 rgb(240,42,2)
```

Shade Color Variation

#fd3209
```
#fd3209 rgb(253,50,9)
```
#fd421c
```
#fd421c rgb(253,66,28)
```
#fd522f
```
#fd522f rgb(253,82,47)
```
#fd6243
```
#fd6243 rgb(253,98,67)
```
#fe7356
```
#fe7356 rgb(254,115,86)
```
#fe836a
```
#fe836a rgb(254,131,106)
```
#fe937d
```
#fe937d rgb(254,147,125)
```
#fea391
```
#fea391 rgb(254,163,145)
```
#feb3a4
```
#feb3a4 rgb(254,179,164)
```
#fec4b8
```
#fec4b8 rgb(254,196,184)
```
#ffd4cb
```
#ffd4cb rgb(255,212,203)
```
#ffe4de
```
#ffe4de rgb(255,228,222)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#938886
```
#938886 rgb(147,136,134)
```
#9c827d
```
#9c827d rgb(156,130,125)
```
#a57c74
```
#a57c74 rgb(165,124,116)
```
#ae766b
```
#ae766b rgb(174,118,107)
```
#b77162
```
#b77162 rgb(183,113,98)
```
#bf6b5a
```
#bf6b5a rgb(191,107,90)
```
#c86551
```
#c86551 rgb(200,101,81)
```
#d15f48
```
#d15f48 rgb(209,95,72)
```
#da593f
```
#da593f rgb(218,89,63)
```
#e35336
```
#e35336 rgb(227,83,54)
```
#eb4e2e
```
#eb4e2e rgb(235,78,46)
```
#f44825
```
#f44825 rgb(244,72,37)
```
#fd421c
```
#fd421c rgb(253,66,28)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#916c64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8f37 Protanopia 1% of men
#b28700 Deuteranopia 1% of men
#fd484a Tritanopia 0.001% of the population

Trichromacy

#c1732d Protanomaly 1% of men, 0.01% of women
#cd6e0a Deuteranomaly 6% of men, 0.4% of women
#fd4539 Tritanomaly 0.01% of the population

#fd421c hex color

#fd421c Color Information

#fd421c Color Conversion

Color Schemes with #fd421c

Alternatives to #fd421c

#fd421c Preview

Shades and Tints of #fd421c

Tones of #fd421c

Color Blindness Simulator