#fd303e hex color

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

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

● #fd303e color description : Bright red.

The hexadecimal color #fd303e has RGB values of R:253, G:48, B:62 and CMYK values of C:0, M:0.81, Y:0.75, K:0.01. Its decimal value is 16592958.

Hex triplet	fd303e	`#fd303e`
RGB Decimal	253, 48, 62	`rgb(253,48,62)`
RGB Percent	99.2, 18.8, 24.3	`rgb(99.2%,18.8%,24.3%)`
CMYK	0, 81, 75, 1
HSL	355.9°, 98.1, 59	`hsl(355.9,98.1%,59%)`
HSV (or HSB)	355.9°, 81, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.431, 74.262, 43.691
XYZ	42.437, 23.35, 6.83
xyY	0.584, 0.322, 23.35
CIE-LCH	55.431, 86.161, 30.47
CIE-LUV	55.431, 153.487, 29.029
Hunter-Lab	48.321, 72.199, 25.445
Binary	11111101, 00110000, 00111110

#fd303e
```
#fd303e rgb(253,48,62)
```
#30fdef
```
#30fdef rgb(48,253,239)
```

Complementary Color

#fd30a5
```
#fd30a5 rgb(253,48,165)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#fd8930
```
#fd8930 rgb(253,137,48)
```

Analogous Color

#30a5fd
```
#30a5fd rgb(48,165,253)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#30fd89
```
#30fd89 rgb(48,253,137)
```

Split Complementary Color

#303efd
```
#303efd rgb(48,62,253)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#3efd30
```
#3efd30 rgb(62,253,48)
```

Triadic Color

#ef30fd
```
#ef30fd rgb(239,48,253)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#3efd30
```
#3efd30 rgb(62,253,48)
```
#30fdef
```
#30fdef rgb(48,253,239)
```

Tetradic Color

#de0211
```
#de0211 rgb(222,2,17)
```
#f80213
```
#f80213 rgb(248,2,19)
```
#fd1726
```
#fd1726 rgb(253,23,38)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#fd4956
```
#fd4956 rgb(253,73,86)
```
#fd636d
```
#fd636d rgb(253,99,109)
```
#fe7c85
```
#fe7c85 rgb(254,124,133)
```

Monochromatic Color

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

#fd3071
```
#fd3071 rgb(253,48,113)
```
#fd3060
```
#fd3060 rgb(253,48,96)
```
#fd304f
```
#fd304f rgb(253,48,79)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#fd3330
```
#fd3330 rgb(253,51,48)
```
#fd4430
```
#fd4430 rgb(253,68,48)
```
#fd5530
```
#fd5530 rgb(253,85,48)
```

Similar Colors

Text with hexadecimal color #fd303e

This text has a font color of #fd303e.

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

#fd303e background color

This paragraph has a background color of #fd303e.

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

#fd303e border color

This element has a border color of #fd303e.

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

CSS codes

.text {color:#fd303e;}

.background {background-color:#fd303e;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#1a0002
```
#1a0002 rgb(26,0,2)
```
#2e0004
```
#2e0004 rgb(46,0,4)
```
#410105
```
#410105 rgb(65,1,5)
```
#540107
```
#540107 rgb(84,1,7)
```
#680108
```
#680108 rgb(104,1,8)
```
#7b010a
```
#7b010a rgb(123,1,10)
```
#8f010b
```
#8f010b rgb(143,1,11)
```
#a2020d
```
#a2020d rgb(162,2,13)
```
#b6020e
```
#b6020e rgb(182,2,14)
```
#c90210
```
#c90210 rgb(201,2,16)
```
#dc0211
```
#dc0211 rgb(220,2,17)
```
#f00213
```
#f00213 rgb(240,2,19)
```

Shade Color Variation

#fd091a
```
#fd091a rgb(253,9,26)
```
#fd1d2c
```
#fd1d2c rgb(253,29,44)
```
#fd303e
```
#fd303e rgb(253,48,62)
```
#fd4350
```
#fd4350 rgb(253,67,80)
```
#fd5762
```
#fd5762 rgb(253,87,98)
```
#fe6a74
```
#fe6a74 rgb(254,106,116)
```
#fe7e86
```
#fe7e86 rgb(254,126,134)
```
#fe9199
```
#fe9199 rgb(254,145,153)
```
#fea5ab
```
#fea5ab rgb(254,165,171)
```
#feb8bd
```
#feb8bd rgb(254,184,189)
```
#ffcbcf
```
#ffcbcf rgb(255,203,207)
```
#ffdfe1
```
#ffdfe1 rgb(255,223,225)
```
#fff2f3
```
#fff2f3 rgb(255,242,243)
```

Tint Color Variation

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

#9d9091
```
#9d9091 rgb(157,144,145)
```
#a5888a
```
#a5888a rgb(165,136,138)
```
#ad8083
```
#ad8083 rgb(173,128,131)
```
#b5787c
```
#b5787c rgb(181,120,124)
```
#bd7076
```
#bd7076 rgb(189,112,118)
```
#c5686f
```
#c5686f rgb(197,104,111)
```
#cd6068
```
#cd6068 rgb(205,96,104)
```
#d55861
```
#d55861 rgb(213,88,97)
```
#dd505a
```
#dd505a rgb(221,80,90)
```
#e54853
```
#e54853 rgb(229,72,83)
```
#ed404c
```
#ed404c rgb(237,64,76)
```
#f53845
```
#f53845 rgb(245,56,69)
```
#fd303e
```
#fd303e rgb(253,48,62)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b6265 Atypical Achromatopsia 0.001% of the population

Dichromacy

#968b5f Protanopia 1% of men
#ab8438 Deuteranopia 1% of men
#fc3c3d Tritanopia 0.001% of the population

Trichromacy

#bb6953 Protanomaly 1% of men, 0.01% of women
#c9653a Deuteranomaly 6% of men, 0.4% of women
#fc383d Tritanomaly 0.01% of the population

#fd303e hex color

#fd303e Color Information

#fd303e Color Conversion

Color Schemes with #fd303e

Alternatives to #fd303e

#fd303e Preview

Shades and Tints of #fd303e

Tones of #fd303e

Color Blindness Simulator