#ff304c hex color

In a RGB color space, hex #ff304c is composed of 100% red, 18.8% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.2% magenta, 70.2% yellow and 0% black. It has a hue angle of 351.9 degrees, a saturation of 100% and a lightness of 59.4%. #ff304c color hex could be obtained by blending #ff6098 with #ff0000. Closest websafe color is: #ff3333.

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

● #ff304c color description : Vivid red.

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

Hex triplet	ff304c	`#ff304c`
RGB Decimal	255, 48, 76	`rgb(255,48,76)`
RGB Percent	100, 18.8, 29.8	`rgb(100%,18.8%,29.8%)`
CMYK	0, 81, 70, 0
HSL	351.9°, 100, 59.4	`hsl(351.9,100%,59.4%)`
HSV (or HSB)	351.9°, 81.2, 100
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.989, 75.329, 36.501
XYZ	43.604, 23.901, 9.155
xyY	0.569, 0.312, 23.901
CIE-LCH	55.989, 83.706, 25.853
CIE-LUV	55.989, 151.515, 23.585
Hunter-Lab	48.889, 73.648, 23.12
Binary	11111111, 00110000, 01001100

#ff304c
```
#ff304c rgb(255,48,76)
```
#30ffe3
```
#30ffe3 rgb(48,255,227)
```

Complementary Color

#ff30b4
```
#ff30b4 rgb(255,48,180)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#ff7c30
```
#ff7c30 rgb(255,124,48)
```

Analogous Color

#30b4ff
```
#30b4ff rgb(48,180,255)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#30ff7c
```
#30ff7c rgb(48,255,124)
```

Split Complementary Color

#304cff
```
#304cff rgb(48,76,255)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#4cff30
```
#4cff30 rgb(76,255,48)
```

Triadic Color

#e330ff
```
#e330ff rgb(227,48,255)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#4cff30
```
#4cff30 rgb(76,255,48)
```
#30ffe3
```
#30ffe3 rgb(48,255,227)
```

Tetradic Color

#e3001f
```
#e3001f rgb(227,0,31)
```
#fc0022
```
#fc0022 rgb(252,0,34)
```
#ff1736
```
#ff1736 rgb(255,23,54)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#ff4a62
```
#ff4a62 rgb(255,74,98)
```
#ff6378
```
#ff6378 rgb(255,99,120)
```
#ff7d8e
```
#ff7d8e rgb(255,125,142)
```

Monochromatic Color

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

#ff3080
```
#ff3080 rgb(255,48,128)
```
#ff306f
```
#ff306f rgb(255,48,111)
```
#ff305d
```
#ff305d rgb(255,48,93)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#ff303b
```
#ff303b rgb(255,48,59)
```
#ff3730
```
#ff3730 rgb(255,55,48)
```
#ff4830
```
#ff4830 rgb(255,72,48)
```

Similar Colors

Text with hexadecimal color #ff304c

This text has a font color of #ff304c.

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

#ff304c background color

This paragraph has a background color of #ff304c.

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

#ff304c border color

This element has a border color of #ff304c.

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

CSS codes

.text {color:#ff304c;}

.background {background-color:#ff304c;}

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

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

#090001
```
#090001 rgb(9,0,1)
```
#1c0004
```
#1c0004 rgb(28,0,4)
```
#300006
```
#300006 rgb(48,0,6)
```
#440009
```
#440009 rgb(68,0,9)
```
#57000c
```
#57000c rgb(87,0,12)
```
#6b000e
```
#6b000e rgb(107,0,14)
```
#7e0011
```
#7e0011 rgb(126,0,17)
```
#920014
```
#920014 rgb(146,0,20)
```
#a60016
```
#a60016 rgb(166,0,22)
```
#b90019
```
#b90019 rgb(185,0,25)
```
#cd001c
```
#cd001c rgb(205,0,28)
```
#e1001e
```
#e1001e rgb(225,0,30)
```
#f40021
```
#f40021 rgb(244,0,33)
```

Shade Color Variation

#ff092a
```
#ff092a rgb(255,9,42)
```
#ff1c3b
```
#ff1c3b rgb(255,28,59)
```
#ff304c
```
#ff304c rgb(255,48,76)
```
#ff445d
```
#ff445d rgb(255,68,93)
```
#ff576e
```
#ff576e rgb(255,87,110)
```
#ff6b7f
```
#ff6b7f rgb(255,107,127)
```
#ff7e90
```
#ff7e90 rgb(255,126,144)
```
#ff92a1
```
#ff92a1 rgb(255,146,161)
```
#ffa6b2
```
#ffa6b2 rgb(255,166,178)
```
#ffb9c3
```
#ffb9c3 rgb(255,185,195)
```
#ffcdd4
```
#ffcdd4 rgb(255,205,212)
```
#ffe1e5
```
#ffe1e5 rgb(255,225,229)
```
#fff4f6
```
#fff4f6 rgb(255,244,246)
```

Tint Color Variation

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

#9f9092
```
#9f9092 rgb(159,144,146)
```
#a7888c
```
#a7888c rgb(167,136,140)
```
#af8086
```
#af8086 rgb(175,128,134)
```
#b77880
```
#b77880 rgb(183,120,128)
```
#bf707a
```
#bf707a rgb(191,112,122)
```
#c76875
```
#c76875 rgb(199,104,117)
```
#cf606f
```
#cf606f rgb(207,96,111)
```
#d75869
```
#d75869 rgb(215,88,105)
```
#df5063
```
#df5063 rgb(223,80,99)
```
#e7485d
```
#e7485d rgb(231,72,93)
```
#ef4058
```
#ef4058 rgb(239,64,88)
```
#f73852
```
#f73852 rgb(247,56,82)
```
#ff304c
```
#ff304c rgb(255,48,76)
```

Tone Color Variation

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

#958c6f Protanopia 1% of men
#ab8647 Deuteranopia 1% of men
#fe3f40 Tritanopia 0.001% of the population

Trichromacy

#bb6a62 Protanomaly 1% of men, 0.01% of women
#ca6649 Deuteranomaly 6% of men, 0.4% of women
#fe3944 Tritanomaly 0.01% of the population

#ff304c hex color

#ff304c Color Information

#ff304c Color Conversion

Color Schemes with #ff304c

Alternatives to #ff304c

#ff304c Preview

Shades and Tints of #ff304c

Tones of #ff304c

Color Blindness Simulator