#fd302c hex color

In a RGB color space, hex #fd302c is composed of 99.2% red, 18.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 82.6% yellow and 0.8% black. It has a hue angle of 1.1 degrees, a saturation of 98.1% and a lightness of 58.2%. #fd302c color hex could be obtained by blending #ff6058 with #fb0000. Closest websafe color is: #ff3333.

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

● #fd302c color description : Bright red.

The hexadecimal color #fd302c has RGB values of R:253, G:48, B:44 and CMYK values of C:0, M:0.81, Y:0.83, K:0.01. Its decimal value is 16592940.

Hex triplet	fd302c	`#fd302c`
RGB Decimal	253, 48, 44	`rgb(253,48,44)`
RGB Percent	99.2, 18.8, 17.3	`rgb(99.2%,18.8%,17.3%)`
CMYK	0, 81, 83, 1
HSL	1.1°, 98.1, 58.2	`hsl(1.1,98.1%,58.2%)`
HSV (or HSB)	1.1°, 82.6, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.261, 73.744, 52.98
XYZ	42.022, 23.184, 4.645
xyY	0.602, 0.332, 23.184
CIE-LCH	55.261, 90.803, 35.695
CIE-LUV	55.261, 156.979, 34.842
Hunter-Lab	48.149, 71.522, 27.985
Binary	11111101, 00110000, 00101100

#fd302c
```
#fd302c rgb(253,48,44)
```
#2cf9fd
```
#2cf9fd rgb(44,249,253)
```

Complementary Color

#fd2c91
```
#fd2c91 rgb(253,44,145)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#fd992c
```
#fd992c rgb(253,153,44)
```

Analogous Color

#2c91fd
```
#2c91fd rgb(44,145,253)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#2cfd99
```
#2cfd99 rgb(44,253,153)
```

Split Complementary Color

#302cfd
```
#302cfd rgb(48,44,253)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#2cfd30
```
#2cfd30 rgb(44,253,48)
```

Triadic Color

#fd2cf9
```
#fd2cf9 rgb(253,44,249)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#2cfd30
```
#2cfd30 rgb(44,253,48)
```
#2cf9fd
```
#2cf9fd rgb(44,249,253)
```

Tetradic Color

#da0602
```
#da0602 rgb(218,6,2)
```
#f40702
```
#f40702 rgb(244,7,2)
```
#fd1713
```
#fd1713 rgb(253,23,19)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#fd4945
```
#fd4945 rgb(253,73,69)
```
#fd625f
```
#fd625f rgb(253,98,95)
```
#fe7a78
```
#fe7a78 rgb(254,122,120)
```

Monochromatic Color

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

#fd2c5c
```
#fd2c5c rgb(253,44,92)
```
#fd2c4b
```
#fd2c4b rgb(253,44,75)
```
#fd2c39
```
#fd2c39 rgb(253,44,57)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#fd412c
```
#fd412c rgb(253,65,44)
```
#fd532c
```
#fd532c rgb(253,83,44)
```
#fd642c
```
#fd642c rgb(253,100,44)
```

Similar Colors

Text with hexadecimal color #fd302c

This text has a font color of #fd302c.

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

#fd302c background color

This paragraph has a background color of #fd302c.

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

#fd302c border color

This element has a border color of #fd302c.

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

CSS codes

.text {color:#fd302c;}

.background {background-color:#fd302c;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160100
```
#160100 rgb(22,1,0)
```
#2a0100
```
#2a0100 rgb(42,1,0)
```
#3d0201
```
#3d0201 rgb(61,2,1)
```
#500201
```
#500201 rgb(80,2,1)
```
#640301
```
#640301 rgb(100,3,1)
```
#770301
```
#770301 rgb(119,3,1)
```
#8b0401
```
#8b0401 rgb(139,4,1)
```
#9e0401
```
#9e0401 rgb(158,4,1)
```
#b20502
```
#b20502 rgb(178,5,2)
```
#c50602
```
#c50602 rgb(197,6,2)
```
#d80602
```
#d80602 rgb(216,6,2)
```
#ec0702
```
#ec0702 rgb(236,7,2)
```

Shade Color Variation

#fd0a05
```
#fd0a05 rgb(253,10,5)
```
#fd1d19
```
#fd1d19 rgb(253,29,25)
```
#fd302c
```
#fd302c rgb(253,48,44)
```
#fd433f
```
#fd433f rgb(253,67,63)
```
#fd5653
```
#fd5653 rgb(253,86,83)
```
#fe6966
```
#fe6966 rgb(254,105,102)
```
#fe7c7a
```
#fe7c7a rgb(254,124,122)
```
#fe8f8d
```
#fe8f8d rgb(254,143,141)
```
#fea2a1
```
#fea2a1 rgb(254,162,161)
```
#feb5b4
```
#feb5b4 rgb(254,181,180)
```
#fec9c7
```
#fec9c7 rgb(254,201,199)
```
#ffdcdb
```
#ffdcdb rgb(255,220,219)
```
#ffefee
```
#ffefee rgb(255,239,238)
```

Tint Color Variation

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

#9b8f8e
```
#9b8f8e rgb(155,143,142)
```
#a38786
```
#a38786 rgb(163,135,134)
```
#ab7f7e
```
#ab7f7e rgb(171,127,126)
```
#b37776
```
#b37776 rgb(179,119,118)
```
#bb6f6e
```
#bb6f6e rgb(187,111,110)
```
#c46765
```
#c46765 rgb(196,103,101)
```
#cc5f5d
```
#cc5f5d rgb(204,95,93)
```
#d45755
```
#d45755 rgb(212,87,85)
```
#dc504d
```
#dc504d rgb(220,80,77)
```
#e44845
```
#e44845 rgb(228,72,69)
```
#ed403c
```
#ed403c rgb(237,64,60)
```
#f53834
```
#f53834 rgb(245,56,52)
```
#fd302c
```
#fd302c rgb(253,48,44)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#8a6160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a4a Protanopia 1% of men
#ac8421 Deuteranopia 1% of men
#fd3a3a Tritanopia 0.001% of the population

Trichromacy

#bd693f Protanomaly 1% of men, 0.01% of women
#ca6525 Deuteranomaly 6% of men, 0.4% of women
#fd3635 Tritanomaly 0.01% of the population

#fd302c hex color

#fd302c Color Information

#fd302c Color Conversion

Color Schemes with #fd302c

Alternatives to #fd302c

#fd302c Preview

Shades and Tints of #fd302c

Tones of #fd302c

Color Blindness Simulator