#fd412f hex color

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

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

● #fd412f color description : Bright red.

The hexadecimal color #fd412f has RGB values of R:253, G:65, B:47 and CMYK values of C:0, M:0.74, Y:0.81, K:0.01. Its decimal value is 16597295.

Hex triplet	fd412f	`#fd412f`
RGB Decimal	253, 65, 47	`rgb(253,65,47)`
RGB Percent	99.2, 25.5, 18.4	`rgb(99.2%,25.5%,18.4%)`
CMYK	0, 74, 81, 1
HSL	5.2°, 98.1, 58.8	`hsl(5.2,98.1%,58.8%)`
HSV (or HSB)	5.2°, 81.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.952, 69.13, 53.075
XYZ	42.914, 24.874, 5.231
xyY	0.588, 0.341, 24.874
CIE-LCH	56.952, 87.155, 37.515
CIE-LUV	56.952, 147.908, 37.176
Hunter-Lab	49.874, 66.311, 28.693
Binary	11111101, 01000001, 00101111

#fd412f
```
#fd412f rgb(253,65,47)
```
#2febfd
```
#2febfd rgb(47,235,253)
```

Complementary Color

#fd2f84
```
#fd2f84 rgb(253,47,132)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#fda82f
```
#fda82f rgb(253,168,47)
```

Analogous Color

#2f84fd
```
#2f84fd rgb(47,132,253)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#2ffda8
```
#2ffda8 rgb(47,253,168)
```

Split Complementary Color

#412ffd
```
#412ffd rgb(65,47,253)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#2ffd41
```
#2ffd41 rgb(47,253,65)
```

Triadic Color

#fd2feb
```
#fd2feb rgb(253,47,235)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#2ffd41
```
#2ffd41 rgb(47,253,65)
```
#2febfd
```
#2febfd rgb(47,235,253)
```

Tetradic Color

#dd1502
```
#dd1502 rgb(221,21,2)
```
#f71802
```
#f71802 rgb(247,24,2)
```
#fd2a16
```
#fd2a16 rgb(253,42,22)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#fd5848
```
#fd5848 rgb(253,88,72)
```
#fd6f62
```
#fd6f62 rgb(253,111,98)
```
#fe867b
```
#fe867b rgb(254,134,123)
```

Monochromatic Color

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

#fd2f50
```
#fd2f50 rgb(253,47,80)
```
#fd2f3f
```
#fd2f3f rgb(253,47,63)
```
#fd302f
```
#fd302f rgb(253,48,47)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#fd522f
```
#fd522f rgb(253,82,47)
```
#fd632f
```
#fd632f rgb(253,99,47)
```
#fd752f
```
#fd752f rgb(253,117,47)
```

Similar Colors

Text with hexadecimal color #fd412f

This text has a font color of #fd412f.

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

#fd412f background color

This paragraph has a background color of #fd412f.

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

#fd412f border color

This element has a border color of #fd412f.

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

CSS codes

.text {color:#fd412f;}

.background {background-color:#fd412f;}

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

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)
```
#670a01
```
#670a01 rgb(103,10,1)
```
#7a0c01
```
#7a0c01 rgb(122,12,1)
```
#8e0e01
```
#8e0e01 rgb(142,14,1)
```
#a10f02
```
#a10f02 rgb(161,15,2)
```
#b51102
```
#b51102 rgb(181,17,2)
```
#c81302
```
#c81302 rgb(200,19,2)
```
#db1502
```
#db1502 rgb(219,21,2)
```
#ef1702
```
#ef1702 rgb(239,23,2)
```

Shade Color Variation

#fd1e08
```
#fd1e08 rgb(253,30,8)
```
#fd2f1c
```
#fd2f1c rgb(253,47,28)
```
#fd412f
```
#fd412f rgb(253,65,47)
```
#fd5342
```
#fd5342 rgb(253,83,66)
```
#fd6456
```
#fd6456 rgb(253,100,86)
```
#fe7669
```
#fe7669 rgb(254,118,105)
```
#fe887d
```
#fe887d rgb(254,136,125)
```
#fe9a90
```
#fe9a90 rgb(254,154,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 #fd412f is the most saturated one.

#9c9190
```
#9c9190 rgb(156,145,144)
```
#a48a88
```
#a48a88 rgb(164,138,136)
```
#ac8480
```
#ac8480 rgb(172,132,128)
```
#b47d78
```
#b47d78 rgb(180,125,120)
```
#bc7670
```
#bc7670 rgb(188,118,112)
```
#c47068
```
#c47068 rgb(196,112,104)
```
#cd695f
```
#cd695f rgb(205,105,95)
```
#d56257
```
#d56257 rgb(213,98,87)
```
#dd5c4f
```
#dd5c4f rgb(221,92,79)
```
#e55547
```
#e55547 rgb(229,85,71)
```
#ed4e3f
```
#ed4e3f rgb(237,78,63)
```
#f54837
```
#f54837 rgb(245,72,55)
```
#fd412f
```
#fd412f rgb(253,65,47)
```

Tone Color Variation

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

#9d8e4b Protanopia 1% of men
#b18827 Deuteranopia 1% of men
#fd484a Tritanopia 0.001% of the population

Trichromacy

#c07241 Protanomaly 1% of men, 0.01% of women
#cd6e2a Deuteranomaly 6% of men, 0.4% of women
#fd4540 Tritanomaly 0.01% of the population

#fd412f hex color

#fd412f Color Information

#fd412f Color Conversion

Color Schemes with #fd412f

Alternatives to #fd412f

#fd412f Preview

Shades and Tints of #fd412f

Tones of #fd412f

Color Blindness Simulator