colorhexa.com

#fd3f14 hex color

In a RGB color space, hex #fd3f14 is composed of 99.2% red, 24.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.1% magenta, 92.1% yellow and 0.8% black. It has a hue angle of 11.1 degrees, a saturation of 98.3% and a lightness of 53.5%. #fd3f14 color hex could be obtained by blending #ff7e28 with #fb0000. Closest websafe color is: #ff3300.

- R 99
- G 25
- B 8
RGB color chart
- C 0
- M 75
- Y 92
- K 1
CMYK color chart

● #fd3f14 color description : Vivid red.

The hexadecimal color #fd3f14 has RGB values of R:253, G:63, B:20 and CMYK values of C:0, M:0.75, Y:0.92, K:0.01. Its decimal value is 16596756.

Hex triplet	fd3f14	`#fd3f14`
RGB Decimal	253, 63, 20	`rgb(253,63,20)`
RGB Percent	99.2, 24.7, 7.8	`rgb(99.2%,24.7%,7.8%)`
CMYK	0, 75, 92, 1
HSL	11.1°, 98.3, 53.5	`hsl(11.1,98.3%,53.5%)`
HSV (or HSB)	11.1°, 92.1, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	56.578, 69.247, 63.698
XYZ	42.414, 24.493, 3.156
xyY	0.605, 0.35, 24.493
CIE-LCH	56.578, 94.088, 42.61
CIE-LUV	56.578, 152.1, 42.233
Hunter-Lab	49.491, 66.367, 30.862
Binary	11111101, 00111111, 00010100

#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#14d2fd
```
#14d2fd rgb(20,210,253)
```

Complementary Color

#fd145e
```
#fd145e rgb(253,20,94)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#fdb414
```
#fdb414 rgb(253,180,20)
```

Analogous Color

#145efd
```
#145efd rgb(20,94,253)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#14fdb4
```
#14fdb4 rgb(20,253,180)
```

Split Complementary Color

#3f14fd
```
#3f14fd rgb(63,20,253)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#14fd3f
```
#14fd3f rgb(20,253,63)
```

Triadic Color

#fd14d2
```
#fd14d2 rgb(253,20,210)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#14fd3f
```
#14fd3f rgb(20,253,63)
```
#14d2fd
```
#14d2fd rgb(20,210,253)
```

Tetradic Color

#c32502
```
#c32502 rgb(195,37,2)
```
#dc2a02
```
#dc2a02 rgb(220,42,2)
```
#f52f02
```
#f52f02 rgb(245,47,2)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#fd542d
```
#fd542d rgb(253,84,45)
```
#fd6847
```
#fd6847 rgb(253,104,71)
```
#fe7d60
```
#fe7d60 rgb(254,125,96)
```

Monochromatic Color

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

#fd1423
```
#fd1423 rgb(253,20,35)
```
#fd1814
```
#fd1814 rgb(253,24,20)
```
#fd2c14
```
#fd2c14 rgb(253,44,20)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#fd5214
```
#fd5214 rgb(253,82,20)
```
#fd6614
```
#fd6614 rgb(253,102,20)
```
#fd7914
```
#fd7914 rgb(253,121,20)
```

Similar Colors

Text with hexadecimal color #fd3f14

This text has a font color of #fd3f14.

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

#fd3f14 background color

This paragraph has a background color of #fd3f14.

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

#fd3f14 border color

This element has a border color of #fd3f14.

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

CSS codes

.text {color:#fd3f14;}

.background {background-color:#fd3f14;}

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

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

#120300
```
#120300 rgb(18,3,0)
```
#250700
```
#250700 rgb(37,7,0)
```
#390b00
```
#390b00 rgb(57,11,0)
```
#4c0f01
```
#4c0f01 rgb(76,15,1)
```
#601201
```
#601201 rgb(96,18,1)
```
#731601
```
#731601 rgb(115,22,1)
```
#871a01
```
#871a01 rgb(135,26,1)
```
#9a1d01
```
#9a1d01 rgb(154,29,1)
```
#ad2101
```
#ad2101 rgb(173,33,1)
```
#c12502
```
#c12502 rgb(193,37,2)
```
#d42902
```
#d42902 rgb(212,41,2)
```
#e82c02
```
#e82c02 rgb(232,44,2)
```
#fb3002
```
#fb3002 rgb(251,48,2)
```

Shade Color Variation

#fd3f14
```
#fd3f14 rgb(253,63,20)
```
#fd4f27
```
#fd4f27 rgb(253,79,39)
```
#fd5f3b
```
#fd5f3b rgb(253,95,59)
```
#fd6f4e
```
#fd6f4e rgb(253,111,78)
```
#fe7f62
```
#fe7f62 rgb(254,127,98)
```
#fe8e75
```
#fe8e75 rgb(254,142,117)
```
#fe9e89
```
#fe9e89 rgb(254,158,137)
```
#feae9c
```
#feae9c rgb(254,174,156)
```
#febeb0
```
#febeb0 rgb(254,190,176)
```
#fecec3
```
#fecec3 rgb(254,206,195)
```
#ffded6
```
#ffded6 rgb(255,222,214)
```
#ffeeea
```
#ffeeea rgb(255,238,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#908481
```
#908481 rgb(144,132,129)
```
#997e78
```
#997e78 rgb(153,126,120)
```
#a2796f
```
#a2796f rgb(162,121,111)
```
#ab7366
```
#ab7366 rgb(171,115,102)
```
#b46d5d
```
#b46d5d rgb(180,109,93)
```
#bd6754
```
#bd6754 rgb(189,103,84)
```
#c6624b
```
#c6624b rgb(198,98,75)
```
#cf5c42
```
#cf5c42 rgb(207,92,66)
```
#d95638
```
#d95638 rgb(217,86,56)
```
#e2502f
```
#e2502f rgb(226,80,47)
```
#eb4b26
```
#eb4b26 rgb(235,75,38)
```
#f4451d
```
#f4451d rgb(244,69,29)
```
#fd3f14
```
#fd3f14 rgb(253,63,20)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#8f6960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e30 Protanopia 1% of men
#b18700 Deuteranopia 1% of men
#fd4547 Tritanopia 0.001% of the population

Trichromacy

#c07125 Protanomaly 1% of men, 0.01% of women
#cc6c07 Deuteranomaly 6% of men, 0.4% of women
#fd4234 Tritanomaly 0.01% of the population