#f21b30 hex color

In a RGB color space, hex #f21b30 is composed of 94.9% red, 10.6% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.8% magenta, 80.2% yellow and 5.1% black. It has a hue angle of 354.1 degrees, a saturation of 89.2% and a lightness of 52.7%. #f21b30 color hex could be obtained by blending #ff3660 with #e50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 11
- B 19
RGB color chart
- C 0
- M 89
- Y 80
- K 5
CMYK color chart

● #f21b30 color description : Vivid red.

The hexadecimal color #f21b30 has RGB values of R:242, G:27, B:48 and CMYK values of C:0, M:0.89, Y:0.8, K:0.05. Its decimal value is 15866672.

Hex triplet	f21b30	`#f21b30`
RGB Decimal	242, 27, 48	`rgb(242,27,48)`
RGB Percent	94.9, 10.6, 18.8	`rgb(94.9%,10.6%,18.8%)`
CMYK	0, 89, 80, 5
HSL	354.1°, 89.2, 52.7	`hsl(354.1,89.2%,52.7%)`
HSV (or HSB)	354.1°, 88.8, 94.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	51.701, 75.055, 46.785
XYZ	37.545, 19.879, 4.656
xyY	0.605, 0.32, 19.879
CIE-LCH	51.701, 88.442, 31.937
CIE-LUV	51.701, 155.668, 29.088
Hunter-Lab	44.586, 72.286, 25.018
Binary	11110010, 00011011, 00110000

#f21b30
```
#f21b30 rgb(242,27,48)
```
#1bf2dd
```
#1bf2dd rgb(27,242,221)
```

Complementary Color

#f21b9c
```
#f21b9c rgb(242,27,156)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#f2721b
```
#f2721b rgb(242,114,27)
```

Analogous Color

#1b9cf2
```
#1b9cf2 rgb(27,156,242)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#1bf272
```
#1bf272 rgb(27,242,114)
```

Split Complementary Color

#1b30f2
```
#1b30f2 rgb(27,48,242)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#30f21b
```
#30f21b rgb(48,242,27)
```

Triadic Color

#dd1bf2
```
#dd1bf2 rgb(221,27,242)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#30f21b
```
#30f21b rgb(48,242,27)
```
#1bf2dd
```
#1bf2dd rgb(27,242,221)
```

Tetradic Color

#b60a1b
```
#b60a1b rgb(182,10,27)
```
#ce0c1f
```
#ce0c1f rgb(206,12,31)
```
#e60d22
```
#e60d22 rgb(230,13,34)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#f33346
```
#f33346 rgb(243,51,70)
```
#f54b5c
```
#f54b5c rgb(245,75,92)
```
#f66372
```
#f66372 rgb(246,99,114)
```

Monochromatic Color

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

#f21b66
```
#f21b66 rgb(242,27,102)
```
#f21b54
```
#f21b54 rgb(242,27,84)
```
#f21b42
```
#f21b42 rgb(242,27,66)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#f21b1e
```
#f21b1e rgb(242,27,30)
```
#f22a1b
```
#f22a1b rgb(242,42,27)
```
#f23c1b
```
#f23c1b rgb(242,60,27)
```

Similar Colors

Text with hexadecimal color #f21b30

This text has a font color of #f21b30.

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

#f21b30 background color

This paragraph has a background color of #f21b30.

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

#f21b30 border color

This element has a border color of #f21b30.

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

CSS codes

.text {color:#f21b30;}

.background {background-color:#f21b30;}

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

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

#0d0102
```
#0d0102 rgb(13,1,2)
```
#200205
```
#200205 rgb(32,2,5)
```
#320308
```
#320308 rgb(50,3,8)
```
#45040a
```
#45040a rgb(69,4,10)
```
#57050d
```
#57050d rgb(87,5,13)
```
#6a0610
```
#6a0610 rgb(106,6,16)
```
#7d0713
```
#7d0713 rgb(125,7,19)
```
#8f0815
```
#8f0815 rgb(143,8,21)
```
#a20918
```
#a20918 rgb(162,9,24)
```
#b40a1b
```
#b40a1b rgb(180,10,27)
```
#c70b1e
```
#c70b1e rgb(199,11,30)
```
#d90c20
```
#d90c20 rgb(217,12,32)
```
#ec0d23
```
#ec0d23 rgb(236,13,35)
```

Shade Color Variation

#f21b30
```
#f21b30 rgb(242,27,48)
```
#f32e41
```
#f32e41 rgb(243,46,65)
```
#f44052
```
#f44052 rgb(244,64,82)
```
#f55363
```
#f55363 rgb(245,83,99)
```
#f66573
```
#f66573 rgb(246,101,115)
```
#f77884
```
#f77884 rgb(247,120,132)
```
#f88a95
```
#f88a95 rgb(248,138,149)
```
#f99da6
```
#f99da6 rgb(249,157,166)
```
#faafb7
```
#faafb7 rgb(250,175,183)
```
#fcc2c8
```
#fcc2c8 rgb(252,194,200)
```
#fdd5d8
```
#fdd5d8 rgb(253,213,216)
```
#fee7e9
```
#fee7e9 rgb(254,231,233)
```
#fffafa
```
#fffafa rgb(255,250,250)
```

Tint Color Variation

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

#8c8182
```
#8c8182 rgb(140,129,130)
```
#95787b
```
#95787b rgb(149,120,123)
```
#9f6e73
```
#9f6e73 rgb(159,110,115)
```
#a8656c
```
#a8656c rgb(168,101,108)
```
#b15c64
```
#b15c64 rgb(177,92,100)
```
#ba535d
```
#ba535d rgb(186,83,93)
```
#c44955
```
#c44955 rgb(196,73,85)
```
#cd404e
```
#cd404e rgb(205,64,78)
```
#d63746
```
#d63746 rgb(214,55,70)
```
#df2e3f
```
#df2e3f rgb(223,46,63)
```
#e92437
```
#e92437 rgb(233,36,55)
```
#f21b30
```
#f21b30 rgb(242,27,48)
```
#fb1229
```
#fb1229 rgb(251,18,41)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#7c5155 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d8251 Protanopia 1% of men
#a17b28 Deuteranopia 1% of men
#f22a27 Tritanopia 0.001% of the population

Trichromacy

#b25c45 Protanomaly 1% of men, 0.01% of women
#be582b Deuteranomaly 6% of men, 0.4% of women
#f2242a Tritanomaly 0.01% of the population

#f21b30 hex color

#f21b30 Color Information

#f21b30 Color Conversion

Color Schemes with #f21b30

Alternatives to #f21b30

#f21b30 Preview

Shades and Tints of #f21b30

Tones of #f21b30

Color Blindness Simulator