#fc304f hex color

In a RGB color space, hex #fc304f is composed of 98.8% red, 18.8% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 68.7% yellow and 1.2% black. It has a hue angle of 350.9 degrees, a saturation of 97.1% and a lightness of 58.8%. #fc304f color hex could be obtained by blending #ff609e with #f90000. Closest websafe color is: #ff3366.

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

● #fc304f color description : Bright red.

The hexadecimal color #fc304f has RGB values of R:252, G:48, B:79 and CMYK values of C:0, M:0.81, Y:0.69, K:0.01. Its decimal value is 16527439.

Hex triplet	fc304f	`#fc304f`
RGB Decimal	252, 48, 79	`rgb(252,48,79)`
RGB Percent	98.8, 18.8, 31	`rgb(98.8%,18.8%,31%)`
CMYK	0, 81, 69, 1
HSL	350.9°, 97.1, 58.8	`hsl(350.9,97.1%,58.8%)`
HSV (or HSB)	350.9°, 81, 98.8
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.461, 74.668, 33.99
XYZ	42.615, 23.379, 9.665
xyY	0.563, 0.309, 23.379
CIE-LCH	55.461, 82.041, 24.476
CIE-LUV	55.461, 148.387, 21.571
Hunter-Lab	48.352, 72.706, 21.994
Binary	11111100, 00110000, 01001111

#fc304f
```
#fc304f rgb(252,48,79)
```
#30fcdd
```
#30fcdd rgb(48,252,221)
```

Complementary Color

#fc30b5
```
#fc30b5 rgb(252,48,181)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#fc7730
```
#fc7730 rgb(252,119,48)
```

Analogous Color

#30b5fc
```
#30b5fc rgb(48,181,252)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#30fc77
```
#30fc77 rgb(48,252,119)
```

Split Complementary Color

#304ffc
```
#304ffc rgb(48,79,252)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#4ffc30
```
#4ffc30 rgb(79,252,48)
```

Triadic Color

#dd30fc
```
#dd30fc rgb(221,48,252)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#4ffc30
```
#4ffc30 rgb(79,252,48)
```
#30fcdd
```
#30fcdd rgb(48,252,221)
```

Tetradic Color

#dc0324
```
#dc0324 rgb(220,3,36)
```
#f50428
```
#f50428 rgb(245,4,40)
```
#fc173a
```
#fc173a rgb(252,23,58)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#fc4964
```
#fc4964 rgb(252,73,100)
```
#fd627a
```
#fd627a rgb(253,98,122)
```
#fd7b8f
```
#fd7b8f rgb(253,123,143)
```

Monochromatic Color

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

#fc3082
```
#fc3082 rgb(252,48,130)
```
#fc3071
```
#fc3071 rgb(252,48,113)
```
#fc3060
```
#fc3060 rgb(252,48,96)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#fc303e
```
#fc303e rgb(252,48,62)
```
#fc3330
```
#fc3330 rgb(252,51,48)
```
#fc4430
```
#fc4430 rgb(252,68,48)
```

Similar Colors

Text with hexadecimal color #fc304f

This text has a font color of #fc304f.

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

#fc304f background color

This paragraph has a background color of #fc304f.

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

#fc304f border color

This element has a border color of #fc304f.

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

CSS codes

.text {color:#fc304f;}

.background {background-color:#fc304f;}

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

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

#060001
```
#060001 rgb(6,0,1)
```
#190004
```
#190004 rgb(25,0,4)
```
#2c0107
```
#2c0107 rgb(44,1,7)
```
#40010a
```
#40010a rgb(64,1,10)
```
#53010e
```
#53010e rgb(83,1,14)
```
#660111
```
#660111 rgb(102,1,17)
```
#7a0214
```
#7a0214 rgb(122,2,20)
```
#8d0217
```
#8d0217 rgb(141,2,23)
```
#a0021a
```
#a0021a rgb(160,2,26)
```
#b4031e
```
#b4031e rgb(180,3,30)
```
#c70321
```
#c70321 rgb(199,3,33)
```
#da0324
```
#da0324 rgb(218,3,36)
```
#ee0327
```
#ee0327 rgb(238,3,39)
```

Shade Color Variation

#fb092e
```
#fb092e rgb(251,9,46)
```
#fc1d3f
```
#fc1d3f rgb(252,29,63)
```
#fc304f
```
#fc304f rgb(252,48,79)
```
#fc435f
```
#fc435f rgb(252,67,95)
```
#fd5770
```
#fd5770 rgb(253,87,112)
```
#fd6a80
```
#fd6a80 rgb(253,106,128)
```
#fd7d91
```
#fd7d91 rgb(253,125,145)
```
#fd91a1
```
#fd91a1 rgb(253,145,161)
```
#fea4b2
```
#fea4b2 rgb(254,164,178)
```
#feb7c2
```
#feb7c2 rgb(254,183,194)
```
#fecbd3
```
#fecbd3 rgb(254,203,211)
```
#ffdee3
```
#ffdee3 rgb(255,222,227)
```
#fff1f3
```
#fff1f3 rgb(255,241,243)
```

Tint Color Variation

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

#9b9192
```
#9b9192 rgb(155,145,146)
```
#a3898d
```
#a3898d rgb(163,137,141)
```
#ab8187
```
#ab8187 rgb(171,129,135)
```
#b37982
```
#b37982 rgb(179,121,130)
```
#bb717c
```
#bb717c rgb(187,113,124)
```
#c36976
```
#c36976 rgb(195,105,118)
```
#cc6071
```
#cc6071 rgb(204,96,113)
```
#d4586b
```
#d4586b rgb(212,88,107)
```
#dc5065
```
#dc5065 rgb(220,80,101)
```
#e44860
```
#e44860 rgb(228,72,96)
```
#ec405a
```
#ec405a rgb(236,64,90)
```
#f43855
```
#f43855 rgb(244,56,85)
```
#fc304f
```
#fc304f rgb(252,48,79)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#8d646a Atypical Achromatopsia 0.001% of the population

Dichromacy

#938a72 Protanopia 1% of men
#a9854a Deuteranopia 1% of men
#fb3f40 Tritanopia 0.001% of the population

Trichromacy

#b96965 Protanomaly 1% of men, 0.01% of women
#c7664c Deuteranomaly 6% of men, 0.4% of women
#fb3945 Tritanomaly 0.01% of the population

#fc304f hex color

#fc304f Color Information

#fc304f Color Conversion

Color Schemes with #fc304f

Alternatives to #fc304f

#fc304f Preview

Shades and Tints of #fc304f

Tones of #fc304f

Color Blindness Simulator