#f00225 hex color

In a RGB color space, hex #f00225 is composed of 94.1% red, 0.8% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99.2% magenta, 84.6% yellow and 5.9% black. It has a hue angle of 351.2 degrees, a saturation of 98.3% and a lightness of 47.5%. #f00225 color hex could be obtained by blending #ff044a with #e10000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 94
- G 1
- B 15
RGB color chart
- C 0
- M 99
- Y 85
- K 6
CMYK color chart

● #f00225 color description : Vivid red.

The hexadecimal color #f00225 has RGB values of R:240, G:2, B:37 and CMYK values of C:0, M:0.99, Y:0.85, K:0.06. Its decimal value is 15729189.

Hex triplet	f00225	`#f00225`
RGB Decimal	240, 2, 37	`rgb(240,2,37)`
RGB Percent	94.1, 0.8, 14.5	`rgb(94.1%,0.8%,14.5%)`
CMYK	0, 99, 85, 6
HSL	351.2°, 98.3, 47.5	`hsl(351.2,98.3%,47.5%)`
HSV (or HSB)	351.2°, 99.2, 94.1
Web Safe	ff0033	`#ff0033`

CIE-LAB	50.343, 76.782, 51.096
XYZ	36.293, 18.707, 3.45
xyY	0.621, 0.32, 18.707
CIE-LCH	50.343, 92.229, 33.643
CIE-LUV	50.343, 160.846, 30.2
Hunter-Lab	43.252, 74.09, 25.547
Binary	11110000, 00000010, 00100101

#f00225
```
#f00225 rgb(240,2,37)
```
#02f0cd
```
#02f0cd rgb(2,240,205)
```

Complementary Color

#f0029c
```
#f0029c rgb(240,2,156)
```
#f00225
```
#f00225 rgb(240,2,37)
```
#f05602
```
#f05602 rgb(240,86,2)
```

Analogous Color

#029cf0
```
#029cf0 rgb(2,156,240)
```
#f00225
```
#f00225 rgb(240,2,37)
```
#02f056
```
#02f056 rgb(2,240,86)
```

Split Complementary Color

#0225f0
```
#0225f0 rgb(2,37,240)
```
#f00225
```
#f00225 rgb(240,2,37)
```
#25f002
```
#25f002 rgb(37,240,2)
```

Triadic Color

#cd02f0
```
#cd02f0 rgb(205,2,240)
```
#f00225
```
#f00225 rgb(240,2,37)
```
#25f002
```
#25f002 rgb(37,240,2)
```
#02f0cd
```
#02f0cd rgb(2,240,205)
```

Tetradic Color

#a40119
```
#a40119 rgb(164,1,25)
```
#bd021d
```
#bd021d rgb(189,2,29)
```
#d70221
```
#d70221 rgb(215,2,33)
```
#f00225
```
#f00225 rgb(240,2,37)
```
#fd0f32
```
#fd0f32 rgb(253,15,50)
```
#fd2847
```
#fd2847 rgb(253,40,71)
```
#fd415d
```
#fd415d rgb(253,65,93)
```

Monochromatic Color

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

#f00260
```
#f00260 rgb(240,2,96)
```
#f0024d
```
#f0024d rgb(240,2,77)
```
#f00239
```
#f00239 rgb(240,2,57)
```
#f00225
```
#f00225 rgb(240,2,37)
```
#f00211
```
#f00211 rgb(240,2,17)
```
#f00702
```
#f00702 rgb(240,7,2)
```
#f01b02
```
#f01b02 rgb(240,27,2)
```

Similar Colors

Text with hexadecimal color #f00225

This text has a font color of #f00225.

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

#f00225 background color

This paragraph has a background color of #f00225.

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

#f00225 border color

This element has a border color of #f00225.

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

CSS codes

.text {color:#f00225;}

.background {background-color:#f00225;}

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

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 #fff2f4 is the lightest one.

#070001
```
#070001 rgb(7,0,1)
```
#1a0004
```
#1a0004 rgb(26,0,4)
```
#2d0007
```
#2d0007 rgb(45,0,7)
```
#41010a
```
#41010a rgb(65,1,10)
```
#54010d
```
#54010d rgb(84,1,13)
```
#680110
```
#680110 rgb(104,1,16)
```
#7b0113
```
#7b0113 rgb(123,1,19)
```
#8f0116
```
#8f0116 rgb(143,1,22)
```
#a20119
```
#a20119 rgb(162,1,25)
```
#b6021c
```
#b6021c rgb(182,2,28)
```
#c9021f
```
#c9021f rgb(201,2,31)
```
#dd0222
```
#dd0222 rgb(221,2,34)
```
#f00225
```
#f00225 rgb(240,2,37)
```

Shade Color Variation

#fd092d
```
#fd092d rgb(253,9,45)
```
#fd1c3d
```
#fd1c3d rgb(253,28,61)
```
#fd304e
```
#fd304e rgb(253,48,78)
```
#fd435e
```
#fd435e rgb(253,67,94)
```
#fe566f
```
#fe566f rgb(254,86,111)
```
#fe6a80
```
#fe6a80 rgb(254,106,128)
```
#fe7d90
```
#fe7d90 rgb(254,125,144)
```
#fe91a1
```
#fe91a1 rgb(254,145,161)
```
#fea4b2
```
#fea4b2 rgb(254,164,178)
```
#feb8c2
```
#feb8c2 rgb(254,184,194)
```
#ffcbd3
```
#ffcbd3 rgb(255,203,211)
```
#ffdfe3
```
#ffdfe3 rgb(255,223,227)
```
#fff2f4
```
#fff2f4 rgb(255,242,244)
```

Tint Color Variation

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

#807274
```
#807274 rgb(128,114,116)
```
#8a686d
```
#8a686d rgb(138,104,109)
```
#935f67
```
#935f67 rgb(147,95,103)
```
#9c5660
```
#9c5660 rgb(156,86,96)
```
#a64c5a
```
#a64c5a rgb(166,76,90)
```
#af4353
```
#af4353 rgb(175,67,83)
```
#b83a4c
```
#b83a4c rgb(184,58,76)
```
#c13146
```
#c13146 rgb(193,49,70)
```
#cb273f
```
#cb273f rgb(203,39,63)
```
#d41e39
```
#d41e39 rgb(212,30,57)
```
#dd1532
```
#dd1532 rgb(221,21,50)
```
#e70b2c
```
#e70b2c rgb(231,11,44)
```
#f00225
```
#f00225 rgb(240,2,37)
```

Tone Color Variation

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

Dichromacy

#8b7e46 Protanopia 1% of men
#9e7816 Deuteranopia 1% of men
#f01900 Tritanopia 0.001% of the population

Trichromacy

#af513a Protanomaly 1% of men, 0.01% of women
#bc4d1b Deuteranomaly 6% of men, 0.4% of women
#f0100d Tritanomaly 0.01% of the population

#f00225 hex color

#f00225 Color Information

#f00225 Color Conversion

Color Schemes with #f00225

Alternatives to #f00225

#f00225 Preview

Shades and Tints of #f00225

Tones of #f00225

Color Blindness Simulator