#f30218 hex color

In a RGB color space, hex #f30218 is composed of 95.3% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 90.1% yellow and 4.7% black. It has a hue angle of 354.5 degrees, a saturation of 98.4% and a lightness of 48%. #f30218 color hex could be obtained by blending #ff0430 with #e70000. Closest websafe color is: #ff0000.

♥
- f
- t
- g
- R 95
- G 1
- B 9
RGB color chart
- C 0
- M 99
- Y 90
- K 5
CMYK color chart

● #f30218 color description : Vivid red.

The hexadecimal color #f30218 has RGB values of R:243, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.9, K:0.05. Its decimal value is 15925784.

Hex triplet	f30218	`#f30218`
RGB Decimal	243, 2, 24	`rgb(243,2,24)`
RGB Percent	95.3, 0.8, 9.4	`rgb(95.3%,0.8%,9.4%)`
CMYK	0, 99, 90, 5
HSL	354.5°, 98.4, 48	`hsl(354.5,98.4%,48%)`
HSV (or HSB)	354.5°, 99.2, 95.3
Web Safe	ff0000	`#ff0000`

CIE-LAB	50.884, 77.283, 57.666
XYZ	37.151, 19.169, 2.608
xyY	0.63, 0.325, 19.169
CIE-LCH	50.884, 96.426, 36.729
CIE-LUV	50.884, 164.761, 33.411
Hunter-Lab	43.782, 74.844, 27.116
Binary	11110011, 00000010, 00011000

#f30218
```
#f30218 rgb(243,2,24)
```
#02f3dd
```
#02f3dd rgb(2,243,221)
```

Complementary Color

#f30291
```
#f30291 rgb(243,2,145)
```
#f30218
```
#f30218 rgb(243,2,24)
```
#f36502
```
#f36502 rgb(243,101,2)
```

Analogous Color

#0291f3
```
#0291f3 rgb(2,145,243)
```
#f30218
```
#f30218 rgb(243,2,24)
```
#02f365
```
#02f365 rgb(2,243,101)
```

Split Complementary Color

#0218f3
```
#0218f3 rgb(2,24,243)
```
#f30218
```
#f30218 rgb(243,2,24)
```
#18f302
```
#18f302 rgb(24,243,2)
```

Triadic Color

#dd02f3
```
#dd02f3 rgb(221,2,243)
```
#f30218
```
#f30218 rgb(243,2,24)
```
#18f302
```
#18f302 rgb(24,243,2)
```
#02f3dd
```
#02f3dd rgb(2,243,221)
```

Tetradic Color

#a70111
```
#a70111 rgb(167,1,17)
```
#c00213
```
#c00213 rgb(192,2,19)
```
#da0216
```
#da0216 rgb(218,2,22)
```
#f30218
```
#f30218 rgb(243,2,24)
```
#fd1127
```
#fd1127 rgb(253,17,39)
```
#fd2b3e
```
#fd2b3e rgb(253,43,62)
```
#fd4455
```
#fd4455 rgb(253,68,85)
```

Monochromatic Color

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

#f30254
```
#f30254 rgb(243,2,84)
```
#f30240
```
#f30240 rgb(243,2,64)
```
#f3022c
```
#f3022c rgb(243,2,44)
```
#f30218
```
#f30218 rgb(243,2,24)
```
#f30204
```
#f30204 rgb(243,2,4)
```
#f31402
```
#f31402 rgb(243,20,2)
```
#f32802
```
#f32802 rgb(243,40,2)
```

Similar Colors

Text with hexadecimal color #f30218

This text has a font color of #f30218.

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

#f30218 background color

This paragraph has a background color of #f30218.

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

#f30218 border color

This element has a border color of #f30218.

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

CSS codes

.text {color:#f30218;}

.background {background-color:#f30218;}

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

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, #0a0001 is the darkest color, while #fff5f6 is the lightest one.

#0a0001
```
#0a0001 rgb(10,0,1)
```
#1d0003
```
#1d0003 rgb(29,0,3)
```
#300005
```
#300005 rgb(48,0,5)
```
#440107
```
#440107 rgb(68,1,7)
```
#570109
```
#570109 rgb(87,1,9)
```
#6b010b
```
#6b010b rgb(107,1,11)
```
#7e010c
```
#7e010c rgb(126,1,12)
```
#92010e
```
#92010e rgb(146,1,14)
```
#a50110
```
#a50110 rgb(165,1,16)
```
#b90212
```
#b90212 rgb(185,2,18)
```
#cc0214
```
#cc0214 rgb(204,2,20)
```
#e00216
```
#e00216 rgb(224,2,22)
```
#f30218
```
#f30218 rgb(243,2,24)
```

Shade Color Variation

#fd0c22
```
#fd0c22 rgb(253,12,34)
```
#fd1f33
```
#fd1f33 rgb(253,31,51)
```
#fd3345
```
#fd3345 rgb(253,51,69)
```
#fd4657
```
#fd4657 rgb(253,70,87)
```
#fe5968
```
#fe5968 rgb(254,89,104)
```
#fe6d7a
```
#fe6d7a rgb(254,109,122)
```
#fe808c
```
#fe808c rgb(254,128,140)
```
#fe949e
```
#fe949e rgb(254,148,158)
```
#fea7af
```
#fea7af rgb(254,167,175)
```
#febbc1
```
#febbc1 rgb(254,187,193)
```
#ffced3
```
#ffced3 rgb(255,206,211)
```
#ffe2e4
```
#ffe2e4 rgb(255,226,228)
```
#fff5f6
```
#fff5f6 rgb(255,245,246)
```

Tint Color Variation

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

#827374
```
#827374 rgb(130,115,116)
```
#8b6a6d
```
#8b6a6d rgb(139,106,109)
```
#956065
```
#956065 rgb(149,96,101)
```
#9e575d
```
#9e575d rgb(158,87,93)
```
#a84d56
```
#a84d56 rgb(168,77,86)
```
#b1444e
```
#b1444e rgb(177,68,78)
```
#ba3b46
```
#ba3b46 rgb(186,59,70)
```
#c4313f
```
#c4313f rgb(196,49,63)
```
#cd2837
```
#cd2837 rgb(205,40,55)
```
#d71e2f
```
#d71e2f rgb(215,30,47)
```
#e01527
```
#e01527 rgb(224,21,39)
```
#ea0b20
```
#ea0b20 rgb(234,11,32)
```
#f30218
```
#f30218 rgb(243,2,24)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#6e3e42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e8037 Protanopia 1% of men
#a07a00 Deuteranopia 1% of men
#f21a00 Tritanopia 0.001% of the population

Trichromacy

#b2522c Protanomaly 1% of men, 0.01% of women
#be4e08 Deuteranomaly 6% of men, 0.4% of women
#f21108 Tritanomaly 0.01% of the population

#f30218 hex color

#f30218 Color Information

#f30218 Color Conversion

Color Schemes with #f30218

Alternatives to #f30218

#f30218 Preview

Shades and Tints of #f30218

Tones of #f30218

Color Blindness Simulator