#fd2c20 hex color

In a RGB color space, hex #fd2c20 is composed of 99.2% red, 17.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 87.4% yellow and 0.8% black. It has a hue angle of 3.3 degrees, a saturation of 98.2% and a lightness of 55.9%. #fd2c20 color hex could be obtained by blending #ff5840 with #fb0000. Closest websafe color is: #ff3333.

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

● #fd2c20 color description : Vivid red.

The hexadecimal color #fd2c20 has RGB values of R:253, G:44, B:32 and CMYK values of C:0, M:0.83, Y:0.87, K:0.01. Its decimal value is 16591904.

Hex triplet	fd2c20	`#fd2c20`
RGB Decimal	253, 44, 32	`rgb(253,44,32)`
RGB Percent	99.2, 17.3, 12.5	`rgb(99.2%,17.3%,12.5%)`
CMYK	0, 83, 87, 1
HSL	3.3°, 98.2, 55.9	`hsl(3.3,98.2%,55.9%)`
HSV (or HSB)	3.3°, 87.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.859, 74.416, 58.147
XYZ	41.672, 22.794, 3.572
xyY	0.612, 0.335, 22.794
CIE-LCH	54.859, 94.439, 38.003
CIE-LUV	54.859, 160.398, 37.046
Hunter-Lab	47.743, 72.252, 28.984
Binary	11111101, 00101100, 00100000

#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#20f1fd
```
#20f1fd rgb(32,241,253)
```

Complementary Color

#fd2083
```
#fd2083 rgb(253,32,131)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#fd9b20
```
#fd9b20 rgb(253,155,32)
```

Analogous Color

#2083fd
```
#2083fd rgb(32,131,253)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#20fd9b
```
#20fd9b rgb(32,253,155)
```

Split Complementary Color

#2c20fd
```
#2c20fd rgb(44,32,253)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#20fd2c
```
#20fd2c rgb(32,253,44)
```

Triadic Color

#fd20f1
```
#fd20f1 rgb(253,32,241)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#20fd2c
```
#20fd2c rgb(32,253,44)
```
#20f1fd
```
#20f1fd rgb(32,241,253)
```

Tetradic Color

#cf0d02
```
#cf0d02 rgb(207,13,2)
```
#e80f02
```
#e80f02 rgb(232,15,2)
```
#fd1407
```
#fd1407 rgb(253,20,7)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#fd4439
```
#fd4439 rgb(253,68,57)
```
#fd5c53
```
#fd5c53 rgb(253,92,83)
```
#fe746c
```
#fe746c rgb(254,116,108)
```

Monochromatic Color

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

#fd204b
```
#fd204b rgb(253,32,75)
```
#fd2039
```
#fd2039 rgb(253,32,57)
```
#fd2026
```
#fd2026 rgb(253,32,38)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#fd3e20
```
#fd3e20 rgb(253,62,32)
```
#fd5120
```
#fd5120 rgb(253,81,32)
```
#fd6320
```
#fd6320 rgb(253,99,32)
```

Similar Colors

Text with hexadecimal color #fd2c20

This text has a font color of #fd2c20.

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

#fd2c20 background color

This paragraph has a background color of #fd2c20.

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

#fd2c20 border color

This element has a border color of #fd2c20.

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

CSS codes

.text {color:#fd2c20;}

.background {background-color:#fd2c20;}

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

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 #fff6f6 is the lightest one.

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1e0200
```
#1e0200 rgb(30,2,0)
```
#310300
```
#310300 rgb(49,3,0)
```
#450401
```
#450401 rgb(69,4,1)
```
#580601
```
#580601 rgb(88,6,1)
```
#6b0701
```
#6b0701 rgb(107,7,1)
```
#7f0801
```
#7f0801 rgb(127,8,1)
```
#920901
```
#920901 rgb(146,9,1)
```
#a60a01
```
#a60a01 rgb(166,10,1)
```
#b90c02
```
#b90c02 rgb(185,12,2)
```
#cd0d02
```
#cd0d02 rgb(205,13,2)
```
#e00e02
```
#e00e02 rgb(224,14,2)
```
#f40f02
```
#f40f02 rgb(244,15,2)
```

Shade Color Variation

#fd1a0d
```
#fd1a0d rgb(253,26,13)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```
#fd3e33
```
#fd3e33 rgb(253,62,51)
```
#fd5147
```
#fd5147 rgb(253,81,71)
```
#fe635a
```
#fe635a rgb(254,99,90)
```
#fe766e
```
#fe766e rgb(254,118,110)
```
#fe8881
```
#fe8881 rgb(254,136,129)
```
#fe9a95
```
#fe9a95 rgb(254,154,149)
```
#feada8
```
#feada8 rgb(254,173,168)
```
#febfbc
```
#febfbc rgb(254,191,188)
```
#ffd2cf
```
#ffd2cf rgb(255,210,207)
```
#ffe4e2
```
#ffe4e2 rgb(255,228,226)
```
#fff6f6
```
#fff6f6 rgb(255,246,246)
```

Tint Color Variation

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

#958988
```
#958988 rgb(149,137,136)
```
#9e817f
```
#9e817f rgb(158,129,127)
```
#a67977
```
#a67977 rgb(166,121,119)
```
#af716e
```
#af716e rgb(175,113,110)
```
#b86a65
```
#b86a65 rgb(184,106,101)
```
#c0625d
```
#c0625d rgb(192,98,93)
```
#c95a54
```
#c95a54 rgb(201,90,84)
```
#d2534b
```
#d2534b rgb(210,83,75)
```
#da4b43
```
#da4b43 rgb(218,75,67)
```
#e3433a
```
#e3433a rgb(227,67,58)
```
#ec3b31
```
#ec3b31 rgb(236,59,49)
```
#f43429
```
#f43429 rgb(244,52,41)
```
#fd2c20
```
#fd2c20 rgb(253,44,32)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#875d5a Atypical Achromatopsia 0.001% of the population

Dichromacy

#98893e Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fd3535 Tritanopia 0.001% of the population

Trichromacy

#bd6733 Protanomaly 1% of men, 0.01% of women
#c9630b Deuteranomaly 6% of men, 0.4% of women
#fd322d Tritanomaly 0.01% of the population

#fd2c20 hex color

#fd2c20 Color Information

#fd2c20 Color Conversion

Color Schemes with #fd2c20

Alternatives to #fd2c20

#fd2c20 Preview

Shades and Tints of #fd2c20

Tones of #fd2c20

Color Blindness Simulator