#fd4c30 hex color

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

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

● #fd4c30 color description : Bright red.

The hexadecimal color #fd4c30 has RGB values of R:253, G:76, B:48 and CMYK values of C:0, M:0.7, Y:0.81, K:0.01. Its decimal value is 16600112.

Hex triplet	fd4c30	`#fd4c30`
RGB Decimal	253, 76, 48	`rgb(253,76,48)`
RGB Percent	99.2, 29.8, 18.8	`rgb(99.2%,29.8%,18.8%)`
CMYK	0, 70, 81, 1
HSL	8.2°, 98.1, 59	`hsl(8.2,98.1%,59%)`
HSV (or HSB)	8.2°, 81, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	58.293, 65.47, 53.848
XYZ	43.628, 26.27, 5.57
xyY	0.578, 0.348, 26.27
CIE-LCH	58.293, 84.77, 39.437
CIE-LUV	58.293, 141.118, 39.399
Hunter-Lab	51.254, 62.245, 29.435
Binary	11111101, 01001100, 00110000

#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#30e1fd
```
#30e1fd rgb(48,225,253)
```

Complementary Color

#fd307b
```
#fd307b rgb(253,48,123)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#fdb330
```
#fdb330 rgb(253,179,48)
```

Analogous Color

#307bfd
```
#307bfd rgb(48,123,253)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#30fdb3
```
#30fdb3 rgb(48,253,179)
```

Split Complementary Color

#4c30fd
```
#4c30fd rgb(76,48,253)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#30fd4c
```
#30fd4c rgb(48,253,76)
```

Triadic Color

#fd30e1
```
#fd30e1 rgb(253,48,225)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#30fd4c
```
#30fd4c rgb(48,253,76)
```
#30e1fd
```
#30e1fd rgb(48,225,253)
```

Tetradic Color

#de2002
```
#de2002 rgb(222,32,2)
```
#f82402
```
#f82402 rgb(248,36,2)
```
#fd3617
```
#fd3617 rgb(253,54,23)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#fd6249
```
#fd6249 rgb(253,98,73)
```
#fd7863
```
#fd7863 rgb(253,120,99)
```
#fe8e7c
```
#fe8e7c rgb(254,142,124)
```

Monochromatic Color

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

#fd3047
```
#fd3047 rgb(253,48,71)
```
#fd3036
```
#fd3036 rgb(253,48,54)
```
#fd3b30
```
#fd3b30 rgb(253,59,48)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#fd5d30
```
#fd5d30 rgb(253,93,48)
```
#fd6e30
```
#fd6e30 rgb(253,110,48)
```
#fd7f30
```
#fd7f30 rgb(253,127,48)
```

Similar Colors

Text with hexadecimal color #fd4c30

This text has a font color of #fd4c30.

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

#fd4c30 background color

This paragraph has a background color of #fd4c30.

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

#fd4c30 border color

This element has a border color of #fd4c30.

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

CSS codes

.text {color:#fd4c30;}

.background {background-color:#fd4c30;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#1a0400
```
#1a0400 rgb(26,4,0)
```
#2e0700
```
#2e0700 rgb(46,7,0)
```
#410901
```
#410901 rgb(65,9,1)
```
#540c01
```
#540c01 rgb(84,12,1)
```
#680f01
```
#680f01 rgb(104,15,1)
```
#7b1201
```
#7b1201 rgb(123,18,1)
```
#8f1501
```
#8f1501 rgb(143,21,1)
```
#a21702
```
#a21702 rgb(162,23,2)
```
#b61a02
```
#b61a02 rgb(182,26,2)
```
#c91d02
```
#c91d02 rgb(201,29,2)
```
#dc2002
```
#dc2002 rgb(220,32,2)
```
#f02302
```
#f02302 rgb(240,35,2)
```

Shade Color Variation

#fd2a09
```
#fd2a09 rgb(253,42,9)
```
#fd3b1d
```
#fd3b1d rgb(253,59,29)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```
#fd5d43
```
#fd5d43 rgb(253,93,67)
```
#fd6e57
```
#fd6e57 rgb(253,110,87)
```
#fe7e6a
```
#fe7e6a rgb(254,126,106)
```
#fe8f7e
```
#fe8f7e rgb(254,143,126)
```
#fea091
```
#fea091 rgb(254,160,145)
```
#feb1a5
```
#feb1a5 rgb(254,177,165)
```
#fec2b8
```
#fec2b8 rgb(254,194,184)
```
#ffd2cb
```
#ffd2cb rgb(255,210,203)
```
#ffe3df
```
#ffe3df rgb(255,227,223)
```
#fff4f2
```
#fff4f2 rgb(255,244,242)
```

Tint Color Variation

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

#9d9290
```
#9d9290 rgb(157,146,144)
```
#a58c88
```
#a58c88 rgb(165,140,136)
```
#ad8680
```
#ad8680 rgb(173,134,128)
```
#b58178
```
#b58178 rgb(181,129,120)
```
#bd7b70
```
#bd7b70 rgb(189,123,112)
```
#c57568
```
#c57568 rgb(197,117,104)
```
#cd6f60
```
#cd6f60 rgb(205,111,96)
```
#d56958
```
#d56958 rgb(213,105,88)
```
#dd6350
```
#dd6350 rgb(221,99,80)
```
#e55e48
```
#e55e48 rgb(229,94,72)
```
#ed5840
```
#ed5840 rgb(237,88,64)
```
#f55238
```
#f55238 rgb(245,82,56)
```
#fd4c30
```
#fd4c30 rgb(253,76,48)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#97746e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1924a Protanopia 1% of men
#b58b29 Deuteranopia 1% of men
#fd5155 Tritanopia 0.001% of the population

Trichromacy

#c27841 Protanomaly 1% of men, 0.01% of women
#cf742c Deuteranomaly 6% of men, 0.4% of women
#fd4f47 Tritanomaly 0.01% of the population

#fd4c30 hex color

#fd4c30 Color Information

#fd4c30 Color Conversion

Color Schemes with #fd4c30

Alternatives to #fd4c30

#fd4c30 Preview

Shades and Tints of #fd4c30

Tones of #fd4c30

Color Blindness Simulator