#f23228 hex color

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

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

● #f23228 color description : Bright red.

The hexadecimal color #f23228 has RGB values of R:242, G:50, B:40 and CMYK values of C:0, M:0.79, Y:0.83, K:0.05. Its decimal value is 15872552.

Hex triplet	f23228	`#f23228`
RGB Decimal	242, 50, 40	`rgb(242,50,40)`
RGB Percent	94.9, 19.6, 15.7	`rgb(94.9%,19.6%,15.7%)`
CMYK	0, 79, 83, 5
HSL	3°, 88.6, 55.3	`hsl(3,88.6%,55.3%)`
HSV (or HSB)	3°, 83.5, 94.9
Web Safe	ff3333	`#ff3333`

CIE-LAB	53.294, 70.124, 52.364
XYZ	38.144, 21.316, 4.113
xyY	0.6, 0.335, 21.316
CIE-LCH	53.294, 87.518, 36.75
CIE-LUV	53.294, 148.448, 34.536
Hunter-Lab	46.17, 66.672, 27.036
Binary	11110010, 00110010, 00101000

#f23228
```
#f23228 rgb(242,50,40)
```
#28e8f2
```
#28e8f2 rgb(40,232,242)
```

Complementary Color

#f22883
```
#f22883 rgb(242,40,131)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#f29728
```
#f29728 rgb(242,151,40)
```

Analogous Color

#2883f2
```
#2883f2 rgb(40,131,242)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#28f297
```
#28f297 rgb(40,242,151)
```

Split Complementary Color

#3228f2
```
#3228f2 rgb(50,40,242)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#28f232
```
#28f232 rgb(40,242,50)
```

Triadic Color

#f228e8
```
#f228e8 rgb(242,40,232)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#28f232
```
#28f232 rgb(40,242,50)
```
#28e8f2
```
#28e8f2 rgb(40,232,242)
```

Tetradic Color

#c2150c
```
#c2150c rgb(194,21,12)
```
#da170d
```
#da170d rgb(218,23,13)
```
#f11b10
```
#f11b10 rgb(241,27,16)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#f34940
```
#f34940 rgb(243,73,64)
```
#f56058
```
#f56058 rgb(245,96,88)
```
#f67770
```
#f67770 rgb(246,119,112)
```

Monochromatic Color

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

#f22850
```
#f22850 rgb(242,40,80)
```
#f22840
```
#f22840 rgb(242,40,64)
```
#f2282f
```
#f2282f rgb(242,40,47)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#f24328
```
#f24328 rgb(242,67,40)
```
#f25428
```
#f25428 rgb(242,84,40)
```
#f26528
```
#f26528 rgb(242,101,40)
```

Similar Colors

Text with hexadecimal color #f23228

This text has a font color of #f23228.

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

#f23228 background color

This paragraph has a background color of #f23228.

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

#f23228 border color

This element has a border color of #f23228.

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

CSS codes

.text {color:#f23228;}

.background {background-color:#f23228;}

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

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

#070100
```
#070100 rgb(7,1,0)
```
#190302
```
#190302 rgb(25,3,2)
```
#2c0503
```
#2c0503 rgb(44,5,3)
```
#3e0704
```
#3e0704 rgb(62,7,4)
```
#510905
```
#510905 rgb(81,9,5)
```
#630b06
```
#630b06 rgb(99,11,6)
```
#760d07
```
#760d07 rgb(118,13,7)
```
#880f08
```
#880f08 rgb(136,15,8)
```
#9b1109
```
#9b1109 rgb(155,17,9)
```
#ad130a
```
#ad130a rgb(173,19,10)
```
#c0150c
```
#c0150c rgb(192,21,12)
```
#d2170d
```
#d2170d rgb(210,23,13)
```
#e5180e
```
#e5180e rgb(229,24,14)
```

Shade Color Variation

#f12016
```
#f12016 rgb(241,32,22)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#f3443a
```
#f3443a rgb(243,68,58)
```
#f4554d
```
#f4554d rgb(244,85,77)
```
#f5675f
```
#f5675f rgb(245,103,95)
```
#f67972
```
#f67972 rgb(246,121,114)
```
#f88a84
```
#f88a84 rgb(248,138,132)
```
#f99c97
```
#f99c97 rgb(249,156,151)
```
#faada9
```
#faada9 rgb(250,173,169)
```
#fbbfbc
```
#fbbfbc rgb(251,191,188)
```
#fcd1ce
```
#fcd1ce rgb(252,209,206)
```
#fde2e1
```
#fde2e1 rgb(253,226,225)
```
#fef4f3
```
#fef4f3 rgb(254,244,243)
```

Tint Color Variation

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

#928988
```
#928988 rgb(146,137,136)
```
#9a8180
```
#9a8180 rgb(154,129,128)
```
#a37977
```
#a37977 rgb(163,121,119)
```
#ac716e
```
#ac716e rgb(172,113,110)
```
#b56965
```
#b56965 rgb(181,105,101)
```
#bd615d
```
#bd615d rgb(189,97,93)
```
#c65a54
```
#c65a54 rgb(198,90,84)
```
#cf524b
```
#cf524b rgb(207,82,75)
```
#d84a42
```
#d84a42 rgb(216,74,66)
```
#e0423a
```
#e0423a rgb(224,66,58)
```
#e93a31
```
#e93a31 rgb(233,58,49)
```
#f23228
```
#f23228 rgb(242,50,40)
```
#fb2a1f
```
#fb2a1f rgb(251,42,31)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#855f5d Atypical Achromatopsia 0.001% of the population

Dichromacy

#938645 Protanopia 1% of men
#a77f1d Deuteranopia 1% of men
#f23b3c Tritanopia 0.001% of the population

Trichromacy

#b5673a Protanomaly 1% of men, 0.01% of women
#c26321 Deuteranomaly 6% of men, 0.4% of women
#f23834 Tritanomaly 0.01% of the population

#f23228 hex color

#f23228 Color Information

#f23228 Color Conversion

Color Schemes with #f23228

Alternatives to #f23228

#f23228 Preview

Shades and Tints of #f23228

Tones of #f23228

Color Blindness Simulator