#fd3f0c hex color

In a RGB color space, hex #fd3f0c is composed of 99.2% red, 24.7% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 75.1% magenta, 95.3% yellow and 0.8% black. It has a hue angle of 12.7 degrees, a saturation of 98.4% and a lightness of 52%. #fd3f0c color hex could be obtained by blending #ff7e18 with #fb0000. Closest websafe color is: #ff3300.

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

● #fd3f0c color description : Vivid red.

The hexadecimal color #fd3f0c has RGB values of R:253, G:63, B:12 and CMYK values of C:0, M:0.75, Y:0.95, K:0.01. Its decimal value is 16596748.

Hex triplet	fd3f0c	`#fd3f0c`
RGB Decimal	253, 63, 12	`rgb(253,63,12)`
RGB Percent	99.2, 24.7, 4.7	`rgb(99.2%,24.7%,4.7%)`
CMYK	0, 75, 95, 1
HSL	12.7°, 98.4, 52	`hsl(12.7,98.4%,52%)`
HSV (or HSB)	12.7°, 95.3, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	56.555, 69.169, 65.776
XYZ	42.354, 24.469, 2.841
xyY	0.608, 0.351, 24.469
CIE-LCH	56.555, 95.451, 43.56
CIE-LUV	56.555, 152.587, 43.099
Hunter-Lab	49.467, 66.268, 31.222
Binary	11111101, 00111111, 00001100

#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```

Complementary Color

#fd0c52
```
#fd0c52 rgb(253,12,82)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#fdb80c
```
#fdb80c rgb(253,184,12)
```

Analogous Color

#0c52fd
```
#0c52fd rgb(12,82,253)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#0cfdb8
```
#0cfdb8 rgb(12,253,184)
```

Split Complementary Color

#3f0cfd
```
#3f0cfd rgb(63,12,253)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#0cfd3f
```
#0cfd3f rgb(12,253,63)
```

Triadic Color

#fd0cca
```
#fd0cca rgb(253,12,202)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#0cfd3f
```
#0cfd3f rgb(12,253,63)
```
#0ccafd
```
#0ccafd rgb(12,202,253)
```

Tetradic Color

#bb2902
```
#bb2902 rgb(187,41,2)
```
#d42e02
```
#d42e02 rgb(212,46,2)
```
#ee3402
```
#ee3402 rgb(238,52,2)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#fd5325
```
#fd5325 rgb(253,83,37)
```
#fd673f
```
#fd673f rgb(253,103,63)
```
#fe7b58
```
#fe7b58 rgb(254,123,88)
```

Monochromatic Color

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

#fd0c15
```
#fd0c15 rgb(253,12,21)
```
#fd170c
```
#fd170c rgb(253,23,12)
```
#fd2b0c
```
#fd2b0c rgb(253,43,12)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#fd530c
```
#fd530c rgb(253,83,12)
```
#fd670c
```
#fd670c rgb(253,103,12)
```
#fd7b0c
```
#fd7b0c rgb(253,123,12)
```

Similar Colors

Text with hexadecimal color #fd3f0c

This text has a font color of #fd3f0c.

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

#fd3f0c background color

This paragraph has a background color of #fd3f0c.

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

#fd3f0c border color

This element has a border color of #fd3f0c.

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

CSS codes

.text {color:#fd3f0c;}

.background {background-color:#fd3f0c;}

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

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

#0a0200
```
#0a0200 rgb(10,2,0)
```
#1d0600
```
#1d0600 rgb(29,6,0)
```
#310b00
```
#310b00 rgb(49,11,0)
```
#440f01
```
#440f01 rgb(68,15,1)
```
#581301
```
#581301 rgb(88,19,1)
```
#6b1701
```
#6b1701 rgb(107,23,1)
```
#7f1c01
```
#7f1c01 rgb(127,28,1)
```
#922001
```
#922001 rgb(146,32,1)
```
#a62401
```
#a62401 rgb(166,36,1)
```
#b92802
```
#b92802 rgb(185,40,2)
```
#cc2d02
```
#cc2d02 rgb(204,45,2)
```
#e03102
```
#e03102 rgb(224,49,2)
```
#f33502
```
#f33502 rgb(243,53,2)
```

Shade Color Variation

#fd3f0c
```
#fd3f0c rgb(253,63,12)
```
#fd4e1f
```
#fd4e1f rgb(253,78,31)
```
#fd5e33
```
#fd5e33 rgb(253,94,51)
```
#fd6d46
```
#fd6d46 rgb(253,109,70)
```
#fe7c5a
```
#fe7c5a rgb(254,124,90)
```
#fe8c6d
```
#fe8c6d rgb(254,140,109)
```
#fe9b81
```
#fe9b81 rgb(254,155,129)
```
#feab94
```
#feab94 rgb(254,171,148)
```
#febaa8
```
#febaa8 rgb(254,186,168)
```
#fec9bb
```
#fec9bb rgb(254,201,187)
```
#ffd9cf
```
#ffd9cf rgb(255,217,207)
```
#ffe8e2
```
#ffe8e2 rgb(255,232,226)
```
#fff7f5
```
#fff7f5 rgb(255,247,245)
```

Tint Color Variation

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

#8c807d
```
#8c807d rgb(140,128,125)
```
#957b74
```
#957b74 rgb(149,123,116)
```
#9f756a
```
#9f756a rgb(159,117,106)
```
#a87061
```
#a87061 rgb(168,112,97)
```
#b26a57
```
#b26a57 rgb(178,106,87)
```
#bb654e
```
#bb654e rgb(187,101,78)
```
#c46045
```
#c46045 rgb(196,96,69)
```
#ce5a3b
```
#ce5a3b rgb(206,90,59)
```
#d75532
```
#d75532 rgb(215,85,50)
```
#e14f28
```
#e14f28 rgb(225,79,40)
```
#ea4a1f
```
#ea4a1f rgb(234,74,31)
```
#f44415
```
#f44415 rgb(244,68,21)
```
#fd3f0c
```
#fd3f0c rgb(253,63,12)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8e685e Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e8e29 Protanopia 1% of men
#b18700 Deuteranopia 1% of men
#fd4446 Tritanopia 0.001% of the population

Trichromacy

#c0711e Protanomaly 1% of men, 0.01% of women
#cc6c04 Deuteranomaly 6% of men, 0.4% of women
#fd4231 Tritanomaly 0.01% of the population

#fd3f0c hex color

#fd3f0c Color Information

#fd3f0c Color Conversion

Color Schemes with #fd3f0c

Alternatives to #fd3f0c

#fd3f0c Preview

Shades and Tints of #fd3f0c

Tones of #fd3f0c

Color Blindness Simulator