#fa3030 hex color

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

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

● #fa3030 color description : Bright red.

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

Hex triplet	fa3030	`#fa3030`
RGB Decimal	250, 48, 48	`rgb(250,48,48)`
RGB Percent	98, 18.8, 18.8	`rgb(98%,18.8%,18.8%)`
CMYK	0, 81, 81, 2
HSL	0°, 95.3, 58.4	`hsl(0,95.3%,58.4%)`
HSV (or HSB)	0°, 80.8, 98
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.717, 73.03, 50.26
XYZ	41.017, 22.656, 5.01
xyY	0.597, 0.33, 22.656
CIE-LCH	54.717, 88.653, 34.536
CIE-LUV	54.717, 154.06, 33.235
Hunter-Lab	47.599, 70.519, 27.079
Binary	11111010, 00110000, 00110000

#fa3030
```
#fa3030 rgb(250,48,48)
```
#30fafa
```
#30fafa rgb(48,250,250)
```

Complementary Color

#fa3095
```
#fa3095 rgb(250,48,149)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#fa9530
```
#fa9530 rgb(250,149,48)
```

Analogous Color

#3095fa
```
#3095fa rgb(48,149,250)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#30fa95
```
#30fa95 rgb(48,250,149)
```

Split Complementary Color

#3030fa
```
#3030fa rgb(48,48,250)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#30fa30
```
#30fa30 rgb(48,250,48)
```

Triadic Color

#fa30fa
```
#fa30fa rgb(250,48,250)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#30fa30
```
#30fa30 rgb(48,250,48)
```
#30fafa
```
#30fafa rgb(48,250,250)
```

Tetradic Color

#d80505
```
#d80505 rgb(216,5,5)
```
#f10606
```
#f10606 rgb(241,6,6)
```
#f91717
```
#f91717 rgb(249,23,23)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#fb4949
```
#fb4949 rgb(251,73,73)
```
#fb6262
```
#fb6262 rgb(251,98,98)
```
#fc7b7b
```
#fc7b7b rgb(252,123,123)
```

Monochromatic Color

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

#fa3063
```
#fa3063 rgb(250,48,99)
```
#fa3052
```
#fa3052 rgb(250,48,82)
```
#fa3041
```
#fa3041 rgb(250,48,65)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#fa4130
```
#fa4130 rgb(250,65,48)
```
#fa5230
```
#fa5230 rgb(250,82,48)
```
#fa6330
```
#fa6330 rgb(250,99,48)
```

Similar Colors

Text with hexadecimal color #fa3030

This text has a font color of #fa3030.

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

#fa3030 background color

This paragraph has a background color of #fa3030.

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

#fa3030 border color

This element has a border color of #fa3030.

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

CSS codes

.text {color:#fa3030;}

.background {background-color:#fa3030;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#170101
```
#170101 rgb(23,1,1)
```
#2a0101
```
#2a0101 rgb(42,1,1)
```
#3d0101
```
#3d0101 rgb(61,1,1)
```
#500202
```
#500202 rgb(80,2,2)
```
#630202
```
#630202 rgb(99,2,2)
```
#770303
```
#770303 rgb(119,3,3)
```
#8a0303
```
#8a0303 rgb(138,3,3)
```
#9d0404
```
#9d0404 rgb(157,4,4)
```
#b00404
```
#b00404 rgb(176,4,4)
```
#c30505
```
#c30505 rgb(195,5,5)
```
#d60505
```
#d60505 rgb(214,5,5)
```
#ea0606
```
#ea0606 rgb(234,6,6)
```

Shade Color Variation

#f90a0a
```
#f90a0a rgb(249,10,10)
```
#fa1d1d
```
#fa1d1d rgb(250,29,29)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```
#fa4343
```
#fa4343 rgb(250,67,67)
```
#fb5656
```
#fb5656 rgb(251,86,86)
```
#fb6969
```
#fb6969 rgb(251,105,105)
```
#fc7d7d
```
#fc7d7d rgb(252,125,125)
```
#fc9090
```
#fc9090 rgb(252,144,144)
```
#fda3a3
```
#fda3a3 rgb(253,163,163)
```
#fdb6b6
```
#fdb6b6 rgb(253,182,182)
```
#fec9c9
```
#fec9c9 rgb(254,201,201)
```
#fedcdc
```
#fedcdc rgb(254,220,220)
```
#fff0f0
```
#fff0f0 rgb(255,240,240)
```

Tint Color Variation

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

#989292
```
#989292 rgb(152,146,146)
```
#a08a8a
```
#a08a8a rgb(160,138,138)
```
#a88282
```
#a88282 rgb(168,130,130)
```
#b17979
```
#b17979 rgb(177,121,121)
```
#b97171
```
#b97171 rgb(185,113,113)
```
#c16969
```
#c16969 rgb(193,105,105)
```
#c96161
```
#c96161 rgb(201,97,97)
```
#d15959
```
#d15959 rgb(209,89,89)
```
#d95151
```
#d95151 rgb(217,81,81)
```
#e24848
```
#e24848 rgb(226,72,72)
```
#ea4040
```
#ea4040 rgb(234,64,64)
```
#f23838
```
#f23838 rgb(242,56,56)
```
#fa3030
```
#fa3030 rgb(250,48,48)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#886060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96894e Protanopia 1% of men
#aa8228 Deuteranopia 1% of men
#fa3a3b Tritanopia 0.001% of the population

Trichromacy

#ba6843 Protanomaly 1% of men, 0.01% of women
#c7642a Deuteranomaly 6% of men, 0.4% of women
#fa3637 Tritanomaly 0.01% of the population

#fa3030 hex color

#fa3030 Color Information

#fa3030 Color Conversion

Color Schemes with #fa3030

Alternatives to #fa3030

#fa3030 Preview

Shades and Tints of #fa3030

Tones of #fa3030

Color Blindness Simulator