colorhexa.com

#f30930 hex color

In a RGB color space, hex #f30930 is composed of 95.3% red, 3.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 96.3% magenta, 80.2% yellow and 4.7% black. It has a hue angle of 350 degrees, a saturation of 92.9% and a lightness of 49.4%. #f30930 color hex could be obtained by blending #ff1260 with #e70000. Closest websafe color is: #ff0033.

- R 95
- G 4
- B 19
RGB color chart
- C 0
- M 96
- Y 80
- K 5
CMYK color chart

● #f30930 color description : Vivid red.

The hexadecimal color #f30930 has RGB values of R:243, G:9, B:48 and CMYK values of C:0, M:0.96, Y:0.8, K:0.05. Its decimal value is 15927600.

Hex triplet	f30930	`#f30930`
RGB Decimal	243, 9, 48	`rgb(243,9,48)`
RGB Percent	95.3, 3.5, 18.8	`rgb(95.3%,3.5%,18.8%)`
CMYK	0, 96, 80, 5
HSL	350°, 92.9, 49.4	`hsl(350,92.9%,49.4%)`
HSV (or HSB)	350°, 96.3, 95.3
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.231, 77.242, 46.388
XYZ	37.595, 19.468, 4.574
xyY	0.61, 0.316, 19.468
CIE-LCH	51.231, 90.101, 30.987
CIE-LUV	51.231, 159.94, 27.961
Hunter-Lab	44.123, 74.877, 24.739
Binary	11110011, 00001001, 00110000

#f30930
```
#f30930 rgb(243,9,48)
```
#09f3cc
```
#09f3cc rgb(9,243,204)
```

Complementary Color

#f309a5
```
#f309a5 rgb(243,9,165)
```
#f30930
```
#f30930 rgb(243,9,48)
```
#f35709
```
#f35709 rgb(243,87,9)
```

Analogous Color

#09a5f3
```
#09a5f3 rgb(9,165,243)
```
#f30930
```
#f30930 rgb(243,9,48)
```
#09f357
```
#09f357 rgb(9,243,87)
```

Split Complementary Color

#a90621
```
#a90621 rgb(169,6,33)
```
#c20726
```
#c20726 rgb(194,7,38)
```
#da082b
```
#da082b rgb(218,8,43)
```
#f30930
```
#f30930 rgb(243,9,48)
```
#f71f43
```
#f71f43 rgb(247,31,67)
```
#f83757
```
#f83757 rgb(248,55,87)
```
#f9506c
```
#f9506c rgb(249,80,108)
```

Monochromatic Color

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

#f3096b
```
#f3096b rgb(243,9,107)
```
#f30957
```
#f30957 rgb(243,9,87)
```
#f30944
```
#f30944 rgb(243,9,68)
```
#f30930
```
#f30930 rgb(243,9,48)
```
#f3091c
```
#f3091c rgb(243,9,28)
```
#f30909
```
#f30909 rgb(243,9,9)
```
#f31d09
```
#f31d09 rgb(243,29,9)
```

Similar Colors

Text with hexadecimal color #f30930

This text has a font color of #f30930.

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

#f30930 background color

This paragraph has a background color of #f30930.

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

#f30930 border color

This element has a border color of #f30930.

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

CSS codes

.text {color:#f30930;}

.background {background-color:#f30930;}

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

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

#100103
```
#100103 rgb(16,1,3)
```
#230107
```
#230107 rgb(35,1,7)
```
#36020b
```
#36020b rgb(54,2,11)
```
#49030e
```
#49030e rgb(73,3,14)
```
#5c0312
```
#5c0312 rgb(92,3,18)
```
#6f0416
```
#6f0416 rgb(111,4,22)
```
#82051a
```
#82051a rgb(130,5,26)
```
#94051d
```
#94051d rgb(148,5,29)
```
#a70621
```
#a70621 rgb(167,6,33)
```
#ba0725
```
#ba0725 rgb(186,7,37)
```
#cd0829
```
#cd0829 rgb(205,8,41)
```
#e0082c
```
#e0082c rgb(224,8,44)
```
#f30930
```
#f30930 rgb(243,9,48)
```

Shade Color Variation

#f6193e
```
#f6193e rgb(246,25,62)
```
#f72c4e
```
#f72c4e rgb(247,44,78)
```
#f83f5e
```
#f83f5e rgb(248,63,94)
```
#f9526e
```
#f9526e rgb(249,82,110)
```
#f9657e
```
#f9657e rgb(249,101,126)
```
#fa788d
```
#fa788d rgb(250,120,141)
```
#fb8b9d
```
#fb8b9d rgb(251,139,157)
```
#fb9ead
```
#fb9ead rgb(251,158,173)
```
#fcb0bd
```
#fcb0bd rgb(252,176,189)
```
#fdc3cd
```
#fdc3cd rgb(253,195,205)
```
#fdd6dd
```
#fdd6dd rgb(253,214,221)
```
#fee9ed
```
#fee9ed rgb(254,233,237)
```
#fffcfd
```
#fffcfd rgb(255,252,253)
```

Tint Color Variation

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

#7f7d7e
```
#7f7d7e rgb(127,125,126)
```
#887477
```
#887477 rgb(136,116,119)
```
#926a71
```
#926a71 rgb(146,106,113)
```
#9c606a
```
#9c606a rgb(156,96,106)
```
#a55764
```
#a55764 rgb(165,87,100)
```
#af4d5d
```
#af4d5d rgb(175,77,93)
```
#b94357
```
#b94357 rgb(185,67,87)
```
#c33950
```
#c33950 rgb(195,57,80)
```
#cc304a
```
#cc304a rgb(204,48,74)
```
#d62643
```
#d62643 rgb(214,38,67)
```
#e01c3d
```
#e01c3d rgb(224,28,61)
```
#e91336
```
#e91336 rgb(233,19,54)
```
#f30930
```
#f30930 rgb(243,9,48)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#73444c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c8052 Protanopia 1% of men
#a07a27 Deuteranopia 1% of men
#f31f17 Tritanopia 0.001% of the population

Trichromacy

#b15545 Protanomaly 1% of men, 0.01% of women
#be512a Deuteranomaly 6% of men, 0.4% of women
#f31720 Tritanomaly 0.01% of the population