#fd3212 hex color

In a RGB color space, hex #fd3212 is composed of 99.2% red, 19.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.2% magenta, 92.9% yellow and 0.8% black. It has a hue angle of 8.2 degrees, a saturation of 98.3% and a lightness of 53.1%. #fd3212 color hex could be obtained by blending #ff6424 with #fb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 99
- G 20
- B 7
RGB color chart
- C 0
- M 80
- Y 93
- K 1
CMYK color chart

● #fd3212 color description : Vivid red.

The hexadecimal color #fd3212 has RGB values of R:253, G:50, B:18 and CMYK values of C:0, M:0.8, Y:0.93, K:0.01. Its decimal value is 16593426.

Hex triplet	fd3212	`#fd3212`
RGB Decimal	253, 50, 18	`rgb(253,50,18)`
RGB Percent	99.2, 19.6, 7.1	`rgb(99.2%,19.6%,7.1%)`
CMYK	0, 80, 93, 1
HSL	8.2°, 98.3, 53.1	`hsl(8.2,98.3%,53.1%)`
HSV (or HSB)	8.2°, 92.9, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.291, 72.823, 63.505
XYZ	41.76, 23.213, 2.854
xyY	0.616, 0.342, 23.213
CIE-LCH	55.291, 96.623, 41.09
CIE-LUV	55.291, 159.078, 40.179
Hunter-Lab	48.18, 70.401, 30.214
Binary	11111101, 00110010, 00010010

#fd3212
```
#fd3212 rgb(253,50,18)
```
#12ddfd
```
#12ddfd rgb(18,221,253)
```

Complementary Color

#fd1268
```
#fd1268 rgb(253,18,104)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```
#fda812
```
#fda812 rgb(253,168,18)
```

Analogous Color

#1268fd
```
#1268fd rgb(18,104,253)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```
#12fda8
```
#12fda8 rgb(18,253,168)
```

Split Complementary Color

#3212fd
```
#3212fd rgb(50,18,253)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```
#12fd32
```
#12fd32 rgb(18,253,50)
```

Triadic Color

#fd12dd
```
#fd12dd rgb(253,18,221)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```
#12fd32
```
#12fd32 rgb(18,253,50)
```
#12ddfd
```
#12ddfd rgb(18,221,253)
```

Tetradic Color

#c11c02
```
#c11c02 rgb(193,28,2)
```
#da1f02
```
#da1f02 rgb(218,31,2)
```
#f32302
```
#f32302 rgb(243,35,2)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```
#fd482b
```
#fd482b rgb(253,72,43)
```
#fd5e45
```
#fd5e45 rgb(253,94,69)
```
#fe745e
```
#fe745e rgb(254,116,94)
```

Monochromatic Color

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

#fd122d
```
#fd122d rgb(253,18,45)
```
#fd1219
```
#fd1219 rgb(253,18,25)
```
#fd1e12
```
#fd1e12 rgb(253,30,18)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```
#fd4612
```
#fd4612 rgb(253,70,18)
```
#fd5912
```
#fd5912 rgb(253,89,18)
```
#fd6d12
```
#fd6d12 rgb(253,109,18)
```

Similar Colors

Text with hexadecimal color #fd3212

This text has a font color of #fd3212.

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

#fd3212 background color

This paragraph has a background color of #fd3212.

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

#fd3212 border color

This element has a border color of #fd3212.

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

CSS codes

.text {color:#fd3212;}

.background {background-color:#fd3212;}

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

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

#100200
```
#100200 rgb(16,2,0)
```
#230500
```
#230500 rgb(35,5,0)
```
#370800
```
#370800 rgb(55,8,0)
```
#4a0b01
```
#4a0b01 rgb(74,11,1)
```
#5e0d01
```
#5e0d01 rgb(94,13,1)
```
#711001
```
#711001 rgb(113,16,1)
```
#851301
```
#851301 rgb(133,19,1)
```
#981601
```
#981601 rgb(152,22,1)
```
#ab1901
```
#ab1901 rgb(171,25,1)
```
#bf1b02
```
#bf1b02 rgb(191,27,2)
```
#d21e02
```
#d21e02 rgb(210,30,2)
```
#e62102
```
#e62102 rgb(230,33,2)
```
#f92402
```
#f92402 rgb(249,36,2)
```

Shade Color Variation

#fd3212
```
#fd3212 rgb(253,50,18)
```
#fd4325
```
#fd4325 rgb(253,67,37)
```
#fd5439
```
#fd5439 rgb(253,84,57)
```
#fd644c
```
#fd644c rgb(253,100,76)
```
#fe7560
```
#fe7560 rgb(254,117,96)
```
#fe8673
```
#fe8673 rgb(254,134,115)
```
#fe9787
```
#fe9787 rgb(254,151,135)
```
#fea89a
```
#fea89a rgb(254,168,154)
```
#feb9ae
```
#feb9ae rgb(254,185,174)
```
#fec9c1
```
#fec9c1 rgb(254,201,193)
```
#ffdad5
```
#ffdad5 rgb(255,218,213)
```
#ffebe8
```
#ffebe8 rgb(255,235,232)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#8f8280
```
#8f8280 rgb(143,130,128)
```
#987c77
```
#987c77 rgb(152,124,119)
```
#a1756e
```
#a1756e rgb(161,117,110)
```
#aa6e65
```
#aa6e65 rgb(170,110,101)
```
#b3685c
```
#b3685c rgb(179,104,92)
```
#bd6152
```
#bd6152 rgb(189,97,82)
```
#c65a49
```
#c65a49 rgb(198,90,73)
```
#cf5340
```
#cf5340 rgb(207,83,64)
```
#d84d37
```
#d84d37 rgb(216,77,55)
```
#e1462e
```
#e1462e rgb(225,70,46)
```
#eb3f24
```
#eb3f24 rgb(235,63,36)
```
#f4391b
```
#f4391b rgb(244,57,27)
```
#fd3212
```
#fd3212 rgb(253,50,18)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#886059 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8b2f Protanopia 1% of men
#ad8400 Deuteranopia 1% of men
#fd3939 Tritanopia 0.001% of the population

Trichromacy

#be6a24 Protanomaly 1% of men, 0.01% of women
#ca6606 Deuteranomaly 6% of men, 0.4% of women
#fd372b Tritanomaly 0.01% of the population

#fd3212 hex color

#fd3212 Color Information

#fd3212 Color Conversion

Color Schemes with #fd3212

Alternatives to #fd3212

#fd3212 Preview

Shades and Tints of #fd3212

Tones of #fd3212

Color Blindness Simulator