#f2283e hex color

In a RGB color space, hex #f2283e is composed of 94.9% red, 15.7% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 74.4% yellow and 5.1% black. It has a hue angle of 353.5 degrees, a saturation of 88.6% and a lightness of 55.3%. #f2283e color hex could be obtained by blending #ff507c with #e50000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 95
- G 16
- B 24
RGB color chart
- C 0
- M 83
- Y 74
- K 5
CMYK color chart

● #f2283e color description : Bright red.

The hexadecimal color #f2283e has RGB values of R:242, G:40, B:62 and CMYK values of C:0, M:0.83, Y:0.74, K:0.05. Its decimal value is 15870014.

Hex triplet	f2283e	`#f2283e`
RGB Decimal	242, 40, 62	`rgb(242,40,62)`
RGB Percent	94.9, 15.7, 24.3	`rgb(94.9%,15.7%,24.3%)`
CMYK	0, 83, 74, 5
HSL	353.5°, 88.6, 55.3	`hsl(353.5,88.6%,55.3%)`
HSV (or HSB)	353.5°, 83.5, 94.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	52.672, 73.143, 40.043
XYZ	38.248, 20.747, 6.548
xyY	0.584, 0.317, 20.747
CIE-LCH	52.672, 83.386, 28.699
CIE-LUV	52.672, 148.353, 25.716
Hunter-Lab	45.549, 70.176, 23.361
Binary	11110010, 00101000, 00111110

#f2283e
```
#f2283e rgb(242,40,62)
```
#28f2dc
```
#28f2dc rgb(40,242,220)
```

Complementary Color

#f228a3
```
#f228a3 rgb(242,40,163)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#f27728
```
#f27728 rgb(242,119,40)
```

Analogous Color

#28a3f2
```
#28a3f2 rgb(40,163,242)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#28f277
```
#28f277 rgb(40,242,119)
```

Split Complementary Color

#283ef2
```
#283ef2 rgb(40,62,242)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#3ef228
```
#3ef228 rgb(62,242,40)
```

Triadic Color

#dc28f2
```
#dc28f2 rgb(220,40,242)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#3ef228
```
#3ef228 rgb(62,242,40)
```
#28f2dc
```
#28f2dc rgb(40,242,220)
```

Tetradic Color

#c20c20
```
#c20c20 rgb(194,12,32)
```
#da0d23
```
#da0d23 rgb(218,13,35)
```
#f11028
```
#f11028 rgb(241,16,40)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#f34054
```
#f34054 rgb(243,64,84)
```
#f55869
```
#f55869 rgb(245,88,105)
```
#f6707f
```
#f6707f rgb(246,112,127)
```

Monochromatic Color

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

#f22871
```
#f22871 rgb(242,40,113)
```
#f22860
```
#f22860 rgb(242,40,96)
```
#f2284f
```
#f2284f rgb(242,40,79)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#f2282d
```
#f2282d rgb(242,40,45)
```
#f23428
```
#f23428 rgb(242,52,40)
```
#f24528
```
#f24528 rgb(242,69,40)
```

Similar Colors

Text with hexadecimal color #f2283e

This text has a font color of #f2283e.

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

#f2283e background color

This paragraph has a background color of #f2283e.

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

#f2283e border color

This element has a border color of #f2283e.

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

CSS codes

.text {color:#f2283e;}

.background {background-color:#f2283e;}

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

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

#070001
```
#070001 rgb(7,0,1)
```
#190204
```
#190204 rgb(25,2,4)
```
#2c0307
```
#2c0307 rgb(44,3,7)
```
#3e040a
```
#3e040a rgb(62,4,10)
```
#51050d
```
#51050d rgb(81,5,13)
```
#630610
```
#630610 rgb(99,6,16)
```
#760713
```
#760713 rgb(118,7,19)
```
#880816
```
#880816 rgb(136,8,22)
```
#9b0919
```
#9b0919 rgb(155,9,25)
```
#ad0a1c
```
#ad0a1c rgb(173,10,28)
```
#c00c1f
```
#c00c1f rgb(192,12,31)
```
#d20d22
```
#d20d22 rgb(210,13,34)
```
#e50e25
```
#e50e25 rgb(229,14,37)
```

Shade Color Variation

#f1162d
```
#f1162d rgb(241,22,45)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#f33a4f
```
#f33a4f rgb(243,58,79)
```
#f44d5f
```
#f44d5f rgb(244,77,95)
```
#f55f70
```
#f55f70 rgb(245,95,112)
```
#f67280
```
#f67280 rgb(246,114,128)
```
#f88491
```
#f88491 rgb(248,132,145)
```
#f997a2
```
#f997a2 rgb(249,151,162)
```
#faa9b2
```
#faa9b2 rgb(250,169,178)
```
#fbbcc3
```
#fbbcc3 rgb(251,188,195)
```
#fcced3
```
#fcced3 rgb(252,206,211)
```
#fde1e4
```
#fde1e4 rgb(253,225,228)
```
#fef3f5
```
#fef3f5 rgb(254,243,245)
```

Tint Color Variation

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

#928889
```
#928889 rgb(146,136,137)
```
#9a8083
```
#9a8083 rgb(154,128,131)
```
#a3777c
```
#a3777c rgb(163,119,124)
```
#ac6e75
```
#ac6e75 rgb(172,110,117)
```
#b5656e
```
#b5656e rgb(181,101,110)
```
#bd5d67
```
#bd5d67 rgb(189,93,103)
```
#c65460
```
#c65460 rgb(198,84,96)
```
#cf4b59
```
#cf4b59 rgb(207,75,89)
```
#d84253
```
#d84253 rgb(216,66,83)
```
#e03a4c
```
#e03a4c rgb(224,58,76)
```
#e93145
```
#e93145 rgb(233,49,69)
```
#f2283e
```
#f2283e rgb(242,40,62)
```
#fb1f37
```
#fb1f37 rgb(251,31,55)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#835a5f Atypical Achromatopsia 0.001% of the population

Dichromacy

#8e845f Protanopia 1% of men
#a37e39 Deuteranopia 1% of men
#f23636 Tritanopia 0.001% of the population

Trichromacy

#b26253 Protanomaly 1% of men, 0.01% of women
#bf5e3b Deuteranomaly 6% of men, 0.4% of women
#f23139 Tritanomaly 0.01% of the population

#f2283e hex color

#f2283e Color Information

#f2283e Color Conversion

Color Schemes with #f2283e

Alternatives to #f2283e

#f2283e Preview

Shades and Tints of #f2283e

Tones of #f2283e

Color Blindness Simulator