colorhexa.com

#f21840 hex color

In a RGB color space, hex #f21840 is composed of 94.9% red, 9.4% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.1% magenta, 73.6% yellow and 5.1% black. It has a hue angle of 349 degrees, a saturation of 89.3% and a lightness of 52.2%. #f21840 color hex could be obtained by blending #ff3080 with #e50000. Closest websafe color is: #ff0033.

- R 95
- G 9
- B 25
RGB color chart
- C 0
- M 90
- Y 74
- K 5
CMYK color chart

● #f21840 color description : Vivid red.

The hexadecimal color #f21840 has RGB values of R:242, G:24, B:64 and CMYK values of C:0, M:0.9, Y:0.74, K:0.05. Its decimal value is 15865920.

Hex triplet	f21840	`#f21840`
RGB Decimal	242, 24, 64	`rgb(242,24,64)`
RGB Percent	94.9, 9.4, 25.1	`rgb(94.9%,9.4%,25.1%)`
CMYK	0, 90, 74, 5
HSL	349°, 89.3, 52.2	`hsl(349,89.3%,52.2%)`
HSV (or HSB)	349°, 90.1, 94.9
Web Safe	ff0033	`#ff0033`

CIE-LAB	51.73, 75.987, 37.824
XYZ	37.872, 19.906, 6.698
xyY	0.587, 0.309, 19.906
CIE-LCH	51.73, 84.881, 26.463
CIE-LUV	51.73, 152.677, 22.944
Hunter-Lab	44.616, 73.442, 22.33
Binary	11110010, 00011000, 01000000

#f21840
```
#f21840 rgb(242,24,64)
```
#18f2ca
```
#18f2ca rgb(24,242,202)
```

Complementary Color

#f218ad
```
#f218ad rgb(242,24,173)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#f25d18
```
#f25d18 rgb(242,93,24)
```

Analogous Color

#18adf2
```
#18adf2 rgb(24,173,242)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#18f25d
```
#18f25d rgb(24,242,93)
```

Split Complementary Color

#1840f2
```
#1840f2 rgb(24,64,242)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#40f218
```
#40f218 rgb(64,242,24)
```

Triadic Color

#ca18f2
```
#ca18f2 rgb(202,24,242)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#40f218
```
#40f218 rgb(64,242,24)
```
#18f2ca
```
#18f2ca rgb(24,242,202)
```

Tetradic Color

#b30a29
```
#b30a29 rgb(179,10,41)
```
#cc0b2f
```
#cc0b2f rgb(204,11,47)
```
#e40d34
```
#e40d34 rgb(228,13,52)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#f33054
```
#f33054 rgb(243,48,84)
```
#f54868
```
#f54868 rgb(245,72,104)
```
#f6607c
```
#f6607c rgb(246,96,124)
```

Monochromatic Color

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

#f21877
```
#f21877 rgb(242,24,119)
```
#f21864
```
#f21864 rgb(242,24,100)
```
#f21852
```
#f21852 rgb(242,24,82)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#f2182e
```
#f2182e rgb(242,24,46)
```
#f2181c
```
#f2181c rgb(242,24,28)
```
#f22718
```
#f22718 rgb(242,39,24)
```

Similar Colors

Text with hexadecimal color #f21840

This text has a font color of #f21840.

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

#f21840 background color

This paragraph has a background color of #f21840.

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

#f21840 border color

This element has a border color of #f21840.

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

CSS codes

.text {color:#f21840;}

.background {background-color:#f21840;}

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

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

#0a0102
```
#0a0102 rgb(10,1,2)
```
#1d0207
```
#1d0207 rgb(29,2,7)
```
#30030b
```
#30030b rgb(48,3,11)
```
#42040f
```
#42040f rgb(66,4,15)
```
#550513
```
#550513 rgb(85,5,19)
```
#670618
```
#670618 rgb(103,6,24)
```
#7a071c
```
#7a071c rgb(122,7,28)
```
#8c0820
```
#8c0820 rgb(140,8,32)
```
#9f0924
```
#9f0924 rgb(159,9,36)
```
#b20a29
```
#b20a29 rgb(178,10,41)
```
#c40b2d
```
#c40b2d rgb(196,11,45)
```
#d70c31
```
#d70c31 rgb(215,12,49)
```
#e90d36
```
#e90d36 rgb(233,13,54)
```

Shade Color Variation

#f21840
```
#f21840 rgb(242,24,64)
```
#f32b4f
```
#f32b4f rgb(243,43,79)
```
#f43d5f
```
#f43d5f rgb(244,61,95)
```
#f5506e
```
#f5506e rgb(245,80,110)
```
#f6627d
```
#f6627d rgb(246,98,125)
```
#f7758d
```
#f7758d rgb(247,117,141)
```
#f8879c
```
#f8879c rgb(248,135,156)
```
#f99aab
```
#f99aab rgb(249,154,171)
```
#faadbb
```
#faadbb rgb(250,173,187)
```
#fbbfca
```
#fbbfca rgb(251,191,202)
```
#fcd2da
```
#fcd2da rgb(252,210,218)
```
#fde4e9
```
#fde4e9 rgb(253,228,233)
```
#fff7f8
```
#fff7f8 rgb(255,247,248)
```

Tint Color Variation

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

#8b7f81
```
#8b7f81 rgb(139,127,129)
```
#94767b
```
#94767b rgb(148,118,123)
```
#9e6c75
```
#9e6c75 rgb(158,108,117)
```
#a76370
```
#a76370 rgb(167,99,112)
```
#b05a6a
```
#b05a6a rgb(176,90,106)
```
#ba5064
```
#ba5064 rgb(186,80,100)
```
#c3475e
```
#c3475e rgb(195,71,94)
```
#cc3e58
```
#cc3e58 rgb(204,62,88)
```
#d63452
```
#d63452 rgb(214,52,82)
```
#df2b4c
```
#df2b4c rgb(223,43,76)
```
#e92146
```
#e92146 rgb(233,33,70)
```
#f21840
```
#f21840 rgb(242,24,64)
```
#fb0f3a
```
#fb0f3a rgb(251,15,58)
```

Tone Color Variation

Below, you can see how #f21840 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
#7c5058 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8164 Protanopia 1% of men
#a07c3b Deuteranopia 1% of men
#f12c29 Tritanopia 0.001% of the population

Trichromacy

#b05b57 Protanomaly 1% of men, 0.01% of women
#bd573c Deuteranomaly 6% of men, 0.4% of women
#f12431 Tritanomaly 0.01% of the population