#fd2202 hex color

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

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

● #fd2202 color description : Vivid red.

The hexadecimal color #fd2202 has RGB values of R:253, G:34, B:2 and CMYK values of C:0, M:0.87, Y:0.99, K:0.01. Its decimal value is 16589314.

Hex triplet	fd2202	`#fd2202`
RGB Decimal	253, 34, 2	`rgb(253,34,2)`
RGB Percent	99.2, 13.3, 0.8	`rgb(99.2%,13.3%,0.8%)`
CMYK	0, 87, 99, 1
HSL	7.6°, 98.4, 50	`hsl(7.6,98.4%,50%)`
HSV (or HSB)	7.6°, 99.2, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.066, 76.07, 66.768
XYZ	41.093, 22.037, 2.147
xyY	0.63, 0.338, 22.037
CIE-LCH	54.066, 101.216, 41.274
CIE-LUV	54.066, 166.517, 39.52
Hunter-Lab	46.943, 74.106, 30.148
Binary	11111101, 00100010, 00000010

#fd2202
```
#fd2202 rgb(253,34,2)
```
#02ddfd
```
#02ddfd rgb(2,221,253)
```

Complementary Color

#fd0260
```
#fd0260 rgb(253,2,96)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```
#fda002
```
#fda002 rgb(253,160,2)
```

Analogous Color

#0260fd
```
#0260fd rgb(2,96,253)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```
#02fda0
```
#02fda0 rgb(2,253,160)
```

Split Complementary Color

#2202fd
```
#2202fd rgb(34,2,253)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```
#02fd22
```
#02fd22 rgb(2,253,34)
```

Triadic Color

#fd02dd
```
#fd02dd rgb(253,2,221)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```
#02fd22
```
#02fd22 rgb(2,253,34)
```
#02ddfd
```
#02ddfd rgb(2,221,253)
```

Tetradic Color

#b11801
```
#b11801 rgb(177,24,1)
```
#ca1b02
```
#ca1b02 rgb(202,27,2)
```
#e41f02
```
#e41f02 rgb(228,31,2)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```
#fd381b
```
#fd381b rgb(253,56,27)
```
#fd4e35
```
#fd4e35 rgb(253,78,53)
```
#fe644e
```
#fe644e rgb(254,100,78)
```

Monochromatic Color

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

#fd0221
```
#fd0221 rgb(253,2,33)
```
#fd020c
```
#fd020c rgb(253,2,12)
```
#fd0d02
```
#fd0d02 rgb(253,13,2)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```
#fd3702
```
#fd3702 rgb(253,55,2)
```
#fd4c02
```
#fd4c02 rgb(253,76,2)
```
#fd6102
```
#fd6102 rgb(253,97,2)
```

Similar Colors

Text with hexadecimal color #fd2202

This text has a font color of #fd2202.

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

#fd2202 background color

This paragraph has a background color of #fd2202.

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

#fd2202 border color

This element has a border color of #fd2202.

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

CSS codes

.text {color:#fd2202;}

.background {background-color:#fd2202;}

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

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

#130300
```
#130300 rgb(19,3,0)
```
#270500
```
#270500 rgb(39,5,0)
```
#3a0800
```
#3a0800 rgb(58,8,0)
```
#4e0a01
```
#4e0a01 rgb(78,10,1)
```
#610d01
```
#610d01 rgb(97,13,1)
```
#751001
```
#751001 rgb(117,16,1)
```
#881201
```
#881201 rgb(136,18,1)
```
#9c1501
```
#9c1501 rgb(156,21,1)
```
#af1801
```
#af1801 rgb(175,24,1)
```
#c31a02
```
#c31a02 rgb(195,26,2)
```
#d61d02
```
#d61d02 rgb(214,29,2)
```
#ea1f02
```
#ea1f02 rgb(234,31,2)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```

Shade Color Variation

#fd3315
```
#fd3315 rgb(253,51,21)
```
#fd4429
```
#fd4429 rgb(253,68,41)
```
#fd553c
```
#fd553c rgb(253,85,60)
```
#fe6650
```
#fe6650 rgb(254,102,80)
```
#fe7763
```
#fe7763 rgb(254,119,99)
```
#fe8877
```
#fe8877 rgb(254,136,119)
```
#fe998a
```
#fe998a rgb(254,153,138)
```
#feaa9e
```
#feaa9e rgb(254,170,158)
```
#febbb1
```
#febbb1 rgb(254,187,177)
```
#ffccc5
```
#ffccc5 rgb(255,204,197)
```
#ffddd8
```
#ffddd8 rgb(255,221,216)
```
#ffeeec
```
#ffeeec rgb(255,238,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#877a78
```
#877a78 rgb(135,122,120)
```
#91726e
```
#91726e rgb(145,114,110)
```
#9b6b64
```
#9b6b64 rgb(155,107,100)
```
#a5645a
```
#a5645a rgb(165,100,90)
```
#af5c50
```
#af5c50 rgb(175,92,80)
```
#b85547
```
#b85547 rgb(184,85,71)
```
#c24e3d
```
#c24e3d rgb(194,78,61)
```
#cc4733
```
#cc4733 rgb(204,71,51)
```
#d63f29
```
#d63f29 rgb(214,63,41)
```
#e0381f
```
#e0381f rgb(224,56,31)
```
#e93116
```
#e93116 rgb(233,49,22)
```
#f3290c
```
#f3290c rgb(243,41,12)
```
#fd2202
```
#fd2202 rgb(253,34,2)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#7f544d Atypical Achromatopsia 0.001% of the population

Dichromacy

#978823 Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#fd2b27 Tritanopia 0.001% of the population

Trichromacy

#bc6217 Protanomaly 1% of men, 0.01% of women
#c75e00 Deuteranomaly 6% of men, 0.4% of women
#fd281a Tritanomaly 0.01% of the population

#fd2202 hex color

#fd2202 Color Information

#fd2202 Color Conversion

Color Schemes with #fd2202

Alternatives to #fd2202

#fd2202 Preview

Shades and Tints of #fd2202

Tones of #fd2202

Color Blindness Simulator