#fd402f hex color

In a RGB color space, hex #fd402f is composed of 99.2% red, 25.1% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.7% magenta, 81.4% yellow and 0.8% black. It has a hue angle of 5 degrees, a saturation of 98.1% and a lightness of 58.8%. #fd402f color hex could be obtained by blending #ff805e with #fb0000. Closest websafe color is: #ff3333.

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

● #fd402f color description : Bright red.

The hexadecimal color #fd402f has RGB values of R:253, G:64, B:47 and CMYK values of C:0, M:0.75, Y:0.81, K:0.01. Its decimal value is 16597039.

Hex triplet	fd402f	`#fd402f`
RGB Decimal	253, 64, 47	`rgb(253,64,47)`
RGB Percent	99.2, 25.1, 18.4	`rgb(99.2%,25.1%,18.4%)`
CMYK	0, 75, 81, 1
HSL	5°, 98.1, 58.8	`hsl(5,98.1%,58.8%)`
HSV (or HSB)	5°, 81.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.841, 69.441, 52.971
XYZ	42.857, 24.76, 5.212
xyY	0.588, 0.34, 24.76
CIE-LCH	56.841, 87.338, 37.337
CIE-LUV	56.841, 148.472, 36.966
Hunter-Lab	49.759, 66.659, 28.622
Binary	11111101, 01000000, 00101111

#fd402f
```
#fd402f rgb(253,64,47)
```
#2fecfd
```
#2fecfd rgb(47,236,253)
```

Complementary Color

#fd2f85
```
#fd2f85 rgb(253,47,133)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#fda72f
```
#fda72f rgb(253,167,47)
```

Analogous Color

#2f85fd
```
#2f85fd rgb(47,133,253)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#2ffda7
```
#2ffda7 rgb(47,253,167)
```

Split Complementary Color

#402ffd
```
#402ffd rgb(64,47,253)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#2ffd40
```
#2ffd40 rgb(47,253,64)
```

Triadic Color

#fd2fec
```
#fd2fec rgb(253,47,236)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#2ffd40
```
#2ffd40 rgb(47,253,64)
```
#2fecfd
```
#2fecfd rgb(47,236,253)
```

Tetradic Color

#dd1402
```
#dd1402 rgb(221,20,2)
```
#f71702
```
#f71702 rgb(247,23,2)
```
#fd2916
```
#fd2916 rgb(253,41,22)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#fd5748
```
#fd5748 rgb(253,87,72)
```
#fd6e62
```
#fd6e62 rgb(253,110,98)
```
#fe867b
```
#fe867b rgb(254,134,123)
```

Monochromatic Color

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

#fd2f52
```
#fd2f52 rgb(253,47,82)
```
#fd2f40
```
#fd2f40 rgb(253,47,64)
```
#fd2f2f
```
#fd2f2f rgb(253,47,47)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#fd512f
```
#fd512f rgb(253,81,47)
```
#fd622f
```
#fd622f rgb(253,98,47)
```
#fd742f
```
#fd742f rgb(253,116,47)
```

Similar Colors

Text with hexadecimal color #fd402f

This text has a font color of #fd402f.

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

#fd402f background color

This paragraph has a background color of #fd402f.

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

#fd402f border color

This element has a border color of #fd402f.

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

CSS codes

.text {color:#fd402f;}

.background {background-color:#fd402f;}

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

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

#060100
```
#060100 rgb(6,1,0)
```
#190200
```
#190200 rgb(25,2,0)
```
#2d0400
```
#2d0400 rgb(45,4,0)
```
#400601
```
#400601 rgb(64,6,1)
```
#530801
```
#530801 rgb(83,8,1)
```
#670901
```
#670901 rgb(103,9,1)
```
#7a0b01
```
#7a0b01 rgb(122,11,1)
```
#8e0d01
```
#8e0d01 rgb(142,13,1)
```
#a10f02
```
#a10f02 rgb(161,15,2)
```
#b51002
```
#b51002 rgb(181,16,2)
```
#c81202
```
#c81202 rgb(200,18,2)
```
#db1402
```
#db1402 rgb(219,20,2)
```
#ef1602
```
#ef1602 rgb(239,22,2)
```

Shade Color Variation

#fd1c08
```
#fd1c08 rgb(253,28,8)
```
#fd2e1c
```
#fd2e1c rgb(253,46,28)
```
#fd402f
```
#fd402f rgb(253,64,47)
```
#fd5242
```
#fd5242 rgb(253,82,66)
```
#fd6456
```
#fd6456 rgb(253,100,86)
```
#fe7669
```
#fe7669 rgb(254,118,105)
```
#fe877d
```
#fe877d rgb(254,135,125)
```
#fe9990
```
#fe9990 rgb(254,153,144)
```
#feaba4
```
#feaba4 rgb(254,171,164)
```
#febdb7
```
#febdb7 rgb(254,189,183)
```
#fecfca
```
#fecfca rgb(254,207,202)
```
#ffe1de
```
#ffe1de rgb(255,225,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

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

#9c9190
```
#9c9190 rgb(156,145,144)
```
#a48a88
```
#a48a88 rgb(164,138,136)
```
#ac8380
```
#ac8380 rgb(172,131,128)
```
#b47d78
```
#b47d78 rgb(180,125,120)
```
#bc7670
```
#bc7670 rgb(188,118,112)
```
#c46f68
```
#c46f68 rgb(196,111,104)
```
#cd685f
```
#cd685f rgb(205,104,95)
```
#d56257
```
#d56257 rgb(213,98,87)
```
#dd5b4f
```
#dd5b4f rgb(221,91,79)
```
#e55447
```
#e55447 rgb(229,84,71)
```
#ed4d3f
```
#ed4d3f rgb(237,77,63)
```
#f54737
```
#f54737 rgb(245,71,55)
```
#fd402f
```
#fd402f rgb(253,64,47)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#926c69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8e4b Protanopia 1% of men
#b18727 Deuteranopia 1% of men
#fd474a Tritanopia 0.001% of the population

Trichromacy

#bf7241 Protanomaly 1% of men, 0.01% of women
#cc6d2a Deuteranomaly 6% of men, 0.4% of women
#fd4440 Tritanomaly 0.01% of the population

#fd402f hex color

#fd402f Color Information

#fd402f Color Conversion

Color Schemes with #fd402f

Alternatives to #fd402f

#fd402f Preview

Shades and Tints of #fd402f

Tones of #fd402f

Color Blindness Simulator