#fa304e hex color

In a RGB color space, hex #fa304e is composed of 98% red, 18.8% green and 30.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 68.8% yellow and 2% black. It has a hue angle of 351.1 degrees, a saturation of 95.3% and a lightness of 58.4%. #fa304e color hex could be obtained by blending #ff609c with #f50000. Closest websafe color is: #ff3366.

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

● #fa304e color description : Bright red.

The hexadecimal color #fa304e has RGB values of R:250, G:48, B:78 and CMYK values of C:0, M:0.81, Y:0.69, K:0.02. Its decimal value is 16396366.

Hex triplet	fa304e	`#fa304e`
RGB Decimal	250, 48, 78	`rgb(250,48,78)`
RGB Percent	98, 18.8, 30.6	`rgb(98%,18.8%,30.6%)`
CMYK	0, 81, 69, 2
HSL	351.1°, 95.3, 58.4	`hsl(351.1,95.3%,58.4%)`
HSV (or HSB)	351.1°, 80.8, 98
Web Safe	ff3366	`#ff3366`

CIE-LAB	55.065, 74.094, 34.003
XYZ	41.858, 22.993, 9.441
xyY	0.563, 0.309, 22.993
CIE-LCH	55.065, 81.524, 24.651
CIE-LUV	55.065, 147.134, 21.629
Hunter-Lab	47.951, 71.905, 21.892
Binary	11111010, 00110000, 01001110

#fa304e
```
#fa304e rgb(250,48,78)
```
#30fadc
```
#30fadc rgb(48,250,220)
```

Complementary Color

#fa30b3
```
#fa30b3 rgb(250,48,179)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#fa7730
```
#fa7730 rgb(250,119,48)
```

Analogous Color

#30b3fa
```
#30b3fa rgb(48,179,250)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#30fa77
```
#30fa77 rgb(48,250,119)
```

Split Complementary Color

#304efa
```
#304efa rgb(48,78,250)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#4efa30
```
#4efa30 rgb(78,250,48)
```

Triadic Color

#dc30fa
```
#dc30fa rgb(220,48,250)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#4efa30
```
#4efa30 rgb(78,250,48)
```
#30fadc
```
#30fadc rgb(48,250,220)
```

Tetradic Color

#d80525
```
#d80525 rgb(216,5,37)
```
#f10629
```
#f10629 rgb(241,6,41)
```
#f91739
```
#f91739 rgb(249,23,57)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#fb4963
```
#fb4963 rgb(251,73,99)
```
#fb6279
```
#fb6279 rgb(251,98,121)
```
#fc7b8e
```
#fc7b8e rgb(252,123,142)
```

Monochromatic Color

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

#fa3081
```
#fa3081 rgb(250,48,129)
```
#fa3070
```
#fa3070 rgb(250,48,112)
```
#fa305f
```
#fa305f rgb(250,48,95)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#fa303d
```
#fa303d rgb(250,48,61)
```
#fa3430
```
#fa3430 rgb(250,52,48)
```
#fa4430
```
#fa4430 rgb(250,68,48)
```

Similar Colors

Text with hexadecimal color #fa304e

This text has a font color of #fa304e.

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

#fa304e background color

This paragraph has a background color of #fa304e.

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

#fa304e border color

This element has a border color of #fa304e.

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

CSS codes

.text {color:#fa304e;}

.background {background-color:#fa304e;}

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

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

#040001
```
#040001 rgb(4,0,1)
```
#170104
```
#170104 rgb(23,1,4)
```
#2a0107
```
#2a0107 rgb(42,1,7)
```
#3d010a
```
#3d010a rgb(61,1,10)
```
#50020e
```
#50020e rgb(80,2,14)
```
#630211
```
#630211 rgb(99,2,17)
```
#770314
```
#770314 rgb(119,3,20)
```
#8a0317
```
#8a0317 rgb(138,3,23)
```
#9d041b
```
#9d041b rgb(157,4,27)
```
#b0041e
```
#b0041e rgb(176,4,30)
```
#c30521
```
#c30521 rgb(195,5,33)
```
#d60524
```
#d60524 rgb(214,5,36)
```
#ea0627
```
#ea0627 rgb(234,6,39)
```

Shade Color Variation

#f90a2d
```
#f90a2d rgb(249,10,45)
```
#fa1d3e
```
#fa1d3e rgb(250,29,62)
```
#fa304e
```
#fa304e rgb(250,48,78)
```
#fa435e
```
#fa435e rgb(250,67,94)
```
#fb566f
```
#fb566f rgb(251,86,111)
```
#fb697f
```
#fb697f rgb(251,105,127)
```
#fc7d90
```
#fc7d90 rgb(252,125,144)
```
#fc90a0
```
#fc90a0 rgb(252,144,160)
```
#fda3b0
```
#fda3b0 rgb(253,163,176)
```
#fdb6c1
```
#fdb6c1 rgb(253,182,193)
```
#fec9d1
```
#fec9d1 rgb(254,201,209)
```
#fedce1
```
#fedce1 rgb(254,220,225)
```
#fff0f2
```
#fff0f2 rgb(255,240,242)
```

Tint Color Variation

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

#989293
```
#989293 rgb(152,146,147)
```
#a08a8d
```
#a08a8d rgb(160,138,141)
```
#a88287
```
#a88287 rgb(168,130,135)
```
#b17982
```
#b17982 rgb(177,121,130)
```
#b9717c
```
#b9717c rgb(185,113,124)
```
#c16976
```
#c16976 rgb(193,105,118)
```
#c96170
```
#c96170 rgb(201,97,112)
```
#d1596b
```
#d1596b rgb(209,89,107)
```
#d95165
```
#d95165 rgb(217,81,101)
```
#e2485f
```
#e2485f rgb(226,72,95)
```
#ea4059
```
#ea4059 rgb(234,64,89)
```
#f23854
```
#f23854 rgb(242,56,84)
```
#fa304e
```
#fa304e rgb(250,48,78)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#8c6369 Atypical Achromatopsia 0.001% of the population

Dichromacy

#928971 Protanopia 1% of men
#a88449 Deuteranopia 1% of men
#f93f40 Tritanopia 0.001% of the population

Trichromacy

#b76964 Protanomaly 1% of men, 0.01% of women
#c6654b Deuteranomaly 6% of men, 0.4% of women
#f93945 Tritanomaly 0.01% of the population

#fa304e hex color

#fa304e Color Information

#fa304e Color Conversion

Color Schemes with #fa304e

Alternatives to #fa304e

#fa304e Preview

Shades and Tints of #fa304e

Tones of #fa304e

Color Blindness Simulator