#ff1822 hex color

In a RGB color space, hex #ff1822 is composed of 100% red, 9.4% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 90.6% magenta, 86.7% yellow and 0% black. It has a hue angle of 357.4 degrees, a saturation of 100% and a lightness of 54.7%. #ff1822 color hex could be obtained by blending #ff3044 with #ff0000. Closest websafe color is: #ff0033.

♥
- f
- t
- g
- R 100
- G 9
- B 13
RGB color chart
- C 0
- M 91
- Y 87
- K 0
CMYK color chart

● #ff1822 color description : Vivid red.

The hexadecimal color #ff1822 has RGB values of R:255, G:24, B:34 and CMYK values of C:0, M:0.91, Y:0.87, K:0. Its decimal value is 16717858.

Hex triplet	ff1822	`#ff1822`
RGB Decimal	255, 24, 34	`rgb(255,24,34)`
RGB Percent	100, 9.4, 13.3	`rgb(100%,9.4%,13.3%)`
CMYK	0, 91, 87, 0
HSL	357.4°, 100, 54.7	`hsl(357.4,100%,54.7%)`
HSV (or HSB)	357.4°, 90.6, 100
Web Safe	ff0033	`#ff0033`

CIE-LAB	54.063, 78.41, 56.831
XYZ	41.858, 22.034, 3.562
xyY	0.621, 0.327, 22.034
CIE-LCH	54.063, 96.84, 35.934
CIE-LUV	54.063, 168.149, 34.692
Hunter-Lab	46.941, 77.025, 28.359
Binary	11111111, 00011000, 00100010

#ff1822
```
#ff1822 rgb(255,24,34)
```
#18fff5
```
#18fff5 rgb(24,255,245)
```

Complementary Color

#ff1896
```
#ff1896 rgb(255,24,150)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#ff8218
```
#ff8218 rgb(255,130,24)
```

Analogous Color

#1896ff
```
#1896ff rgb(24,150,255)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#18ff82
```
#18ff82 rgb(24,255,130)
```

Split Complementary Color

#1822ff
```
#1822ff rgb(24,34,255)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#22ff18
```
#22ff18 rgb(34,255,24)
```

Triadic Color

#f518ff
```
#f518ff rgb(245,24,255)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#22ff18
```
#22ff18 rgb(34,255,24)
```
#18fff5
```
#18fff5 rgb(24,255,245)
```

Tetradic Color

#cb0009
```
#cb0009 rgb(203,0,9)
```
#e4000a
```
#e4000a rgb(228,0,10)
```
#fe000b
```
#fe000b rgb(254,0,11)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#ff323a
```
#ff323a rgb(255,50,58)
```
#ff4b53
```
#ff4b53 rgb(255,75,83)
```
#ff656b
```
#ff656b rgb(255,101,107)
```

Monochromatic Color

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

#ff185c
```
#ff185c rgb(255,24,92)
```
#ff1849
```
#ff1849 rgb(255,24,73)
```
#ff1835
```
#ff1835 rgb(255,24,53)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#ff2118
```
#ff2118 rgb(255,33,24)
```
#ff3518
```
#ff3518 rgb(255,53,24)
```
#ff4818
```
#ff4818 rgb(255,72,24)
```

Similar Colors

Text with hexadecimal color #ff1822

This text has a font color of #ff1822.

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

#ff1822 background color

This paragraph has a background color of #ff1822.

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

#ff1822 border color

This element has a border color of #ff1822.

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

CSS codes

.text {color:#ff1822;}

.background {background-color:#ff1822;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#180001
```
#180001 rgb(24,0,1)
```
#2c0002
```
#2c0002 rgb(44,0,2)
```
#3f0003
```
#3f0003 rgb(63,0,3)
```
#530004
```
#530004 rgb(83,0,4)
```
#660004
```
#660004 rgb(102,0,4)
```
#7a0005
```
#7a0005 rgb(122,0,5)
```
#8e0006
```
#8e0006 rgb(142,0,6)
```
#a10007
```
#a10007 rgb(161,0,7)
```
#b50008
```
#b50008 rgb(181,0,8)
```
#c90009
```
#c90009 rgb(201,0,9)
```
#dc000a
```
#dc000a rgb(220,0,10)
```
#f0000a
```
#f0000a rgb(240,0,10)
```

Shade Color Variation

#ff040f
```
#ff040f rgb(255,4,15)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```
#ff2c35
```
#ff2c35 rgb(255,44,53)
```
#ff3f48
```
#ff3f48 rgb(255,63,72)
```
#ff535a
```
#ff535a rgb(255,83,90)
```
#ff666d
```
#ff666d rgb(255,102,109)
```
#ff7a80
```
#ff7a80 rgb(255,122,128)
```
#ff8e93
```
#ff8e93 rgb(255,142,147)
```
#ffa1a5
```
#ffa1a5 rgb(255,161,165)
```
#ffb5b8
```
#ffb5b8 rgb(255,181,184)
```
#ffc9cb
```
#ffc9cb rgb(255,201,203)
```
#ffdcde
```
#ffdcde rgb(255,220,222)
```
#fff0f0
```
#fff0f0 rgb(255,240,240)
```

Tint Color Variation

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

#948383
```
#948383 rgb(148,131,131)
```
#9d7a7b
```
#9d7a7b rgb(157,122,123)
```
#a67173
```
#a67173 rgb(166,113,115)
```
#af686b
```
#af686b rgb(175,104,107)
```
#b85f63
```
#b85f63 rgb(184,95,99)
```
#c1565b
```
#c1565b rgb(193,86,91)
```
#ca4d53
```
#ca4d53 rgb(202,77,83)
```
#d3444b
```
#d3444b rgb(211,68,75)
```
#db3c42
```
#db3c42 rgb(219,60,66)
```
#e4333a
```
#e4333a rgb(228,51,58)
```
#ed2a32
```
#ed2a32 rgb(237,42,50)
```
#f6212a
```
#f6212a rgb(246,33,42)
```
#ff1822
```
#ff1822 rgb(255,24,34)
```

Tone Color Variation

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

Dichromacy

#958742 Protanopia 1% of men
#a98100 Deuteranopia 1% of men
#fe2620 Tritanopia 0.001% of the population

Trichromacy

#bc5f36 Protanomaly 1% of men, 0.01% of women
#c85a0c Deuteranomaly 6% of men, 0.4% of women
#fe2121 Tritanomaly 0.01% of the population

#ff1822 hex color

#ff1822 Color Information

#ff1822 Color Conversion

Color Schemes with #ff1822

Alternatives to #ff1822

#ff1822 Preview

Shades and Tints of #ff1822

Tones of #ff1822

Color Blindness Simulator