#fd220c hex color

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

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

● #fd220c color description : Vivid red.

The hexadecimal color #fd220c has RGB values of R:253, G:34, B:12 and CMYK values of C:0, M:0.87, Y:0.95, K:0.01. Its decimal value is 16589324.

Hex triplet	fd220c	`#fd220c`
RGB Decimal	253, 34, 12	`rgb(253,34,12)`
RGB Percent	99.2, 13.3, 4.7	`rgb(99.2%,13.3%,4.7%)`
CMYK	0, 87, 95, 1
HSL	5.5°, 98.4, 52	`hsl(5.5,98.4%,52%)`
HSV (or HSB)	5.5°, 95.3, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.089, 76.139, 64.465
XYZ	41.149, 22.059, 2.439
xyY	0.627, 0.336, 22.059
CIE-LCH	54.089, 99.764, 40.254
CIE-LUV	54.089, 165.982, 38.679
Hunter-Lab	46.967, 74.197, 29.798
Binary	11111101, 00100010, 00001100

#fd220c
```
#fd220c rgb(253,34,12)
```
#0ce7fd
```
#0ce7fd rgb(12,231,253)
```

Complementary Color

#fd0c6f
```
#fd0c6f rgb(253,12,111)
```
#fd220c
```
#fd220c rgb(253,34,12)
```
#fd9b0c
```
#fd9b0c rgb(253,155,12)
```

Analogous Color

#0c6ffd
```
#0c6ffd rgb(12,111,253)
```
#fd220c
```
#fd220c rgb(253,34,12)
```
#0cfd9b
```
#0cfd9b rgb(12,253,155)
```

Split Complementary Color

#220cfd
```
#220cfd rgb(34,12,253)
```
#fd220c
```
#fd220c rgb(253,34,12)
```
#0cfd22
```
#0cfd22 rgb(12,253,34)
```

Triadic Color

#fd0ce7
```
#fd0ce7 rgb(253,12,231)
```
#fd220c
```
#fd220c rgb(253,34,12)
```
#0cfd22
```
#0cfd22 rgb(12,253,34)
```
#0ce7fd
```
#0ce7fd rgb(12,231,253)
```

Tetradic Color

#bb1202
```
#bb1202 rgb(187,18,2)
```
#d41502
```
#d41502 rgb(212,21,2)
```
#ee1702
```
#ee1702 rgb(238,23,2)
```
#fd220c
```
#fd220c rgb(253,34,12)
```
#fd3925
```
#fd3925 rgb(253,57,37)
```
#fd503f
```
#fd503f rgb(253,80,63)
```
#fe6758
```
#fe6758 rgb(254,103,88)
```

Monochromatic Color

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

#fd0c32
```
#fd0c32 rgb(253,12,50)
```
#fd0c1e
```
#fd0c1e rgb(253,12,30)
```
#fd0e0c
```
#fd0e0c rgb(253,14,12)
```
#fd220c
```
#fd220c rgb(253,34,12)
```
#fd360c
```
#fd360c rgb(253,54,12)
```
#fd4a0c
```
#fd4a0c rgb(253,74,12)
```
#fd5e0c
```
#fd5e0c rgb(253,94,12)
```

Similar Colors

Text with hexadecimal color #fd220c

This text has a font color of #fd220c.

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

#fd220c background color

This paragraph has a background color of #fd220c.

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

#fd220c border color

This element has a border color of #fd220c.

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

CSS codes

.text {color:#fd220c;}

.background {background-color:#fd220c;}

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

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

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1d0300
```
#1d0300 rgb(29,3,0)
```
#310500
```
#310500 rgb(49,5,0)
```
#440701
```
#440701 rgb(68,7,1)
```
#580901
```
#580901 rgb(88,9,1)
```
#6b0b01
```
#6b0b01 rgb(107,11,1)
```
#7f0d01
```
#7f0d01 rgb(127,13,1)
```
#920e01
```
#920e01 rgb(146,14,1)
```
#a61001
```
#a61001 rgb(166,16,1)
```
#b91202
```
#b91202 rgb(185,18,2)
```
#cc1402
```
#cc1402 rgb(204,20,2)
```
#e01602
```
#e01602 rgb(224,22,2)
```
#f31802
```
#f31802 rgb(243,24,2)
```

Shade Color Variation

#fd220c
```
#fd220c rgb(253,34,12)
```
#fd341f
```
#fd341f rgb(253,52,31)
```
#fd4533
```
#fd4533 rgb(253,69,51)
```
#fd5746
```
#fd5746 rgb(253,87,70)
```
#fe695a
```
#fe695a rgb(254,105,90)
```
#fe7a6d
```
#fe7a6d rgb(254,122,109)
```
#fe8c81
```
#fe8c81 rgb(254,140,129)
```
#fe9e94
```
#fe9e94 rgb(254,158,148)
```
#feb0a8
```
#feb0a8 rgb(254,176,168)
```
#fec1bb
```
#fec1bb rgb(254,193,187)
```
#ffd3cf
```
#ffd3cf rgb(255,211,207)
```
#ffe5e2
```
#ffe5e2 rgb(255,229,226)
```
#fff6f5
```
#fff6f5 rgb(255,246,245)
```

Tint Color Variation

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

#8c7e7d
```
#8c7e7d rgb(140,126,125)
```
#957774
```
#957774 rgb(149,119,116)
```
#9f6f6a
```
#9f6f6a rgb(159,111,106)
```
#a86761
```
#a86761 rgb(168,103,97)
```
#b26057
```
#b26057 rgb(178,96,87)
```
#bb584e
```
#bb584e rgb(187,88,78)
```
#c45045
```
#c45045 rgb(196,80,69)
```
#ce493b
```
#ce493b rgb(206,73,59)
```
#d74132
```
#d74132 rgb(215,65,50)
```
#e13928
```
#e13928 rgb(225,57,40)
```
#ea311f
```
#ea311f rgb(234,49,31)
```
#f42a15
```
#f42a15 rgb(244,42,21)
```
#fd220c
```
#fd220c rgb(253,34,12)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#805450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97882c Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#fd2b28 Tritanopia 0.001% of the population

Trichromacy

#bc6220 Protanomaly 1% of men, 0.01% of women
#c75e04 Deuteranomaly 6% of men, 0.4% of women
#fd281e Tritanomaly 0.01% of the population

#fd220c hex color

#fd220c Color Information

#fd220c Color Conversion

Color Schemes with #fd220c

Alternatives to #fd220c

#fd220c Preview

Shades and Tints of #fd220c

Tones of #fd220c

Color Blindness Simulator