#f1822f hex color

In a RGB color space, hex #f1822f is composed of 94.5% red, 51% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.1% magenta, 80.5% yellow and 5.5% black. It has a hue angle of 25.7 degrees, a saturation of 87.4% and a lightness of 56.5%. #f1822f color hex could be obtained by blending #ffff5e with #e30500. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 51
- B 18
RGB color chart
- C 0
- M 46
- Y 80
- K 5
CMYK color chart

● #f1822f color description : Bright orange.

The hexadecimal color #f1822f has RGB values of R:241, G:130, B:47 and CMYK values of C:0, M:0.46, Y:0.8, K:0.05. Its decimal value is 15827503.

Hex triplet	f1822f	`#f1822f`
RGB Decimal	241, 130, 47	`rgb(241,130,47)`
RGB Percent	94.5, 51, 18.4	`rgb(94.5%,51%,18.4%)`
CMYK	0, 46, 80, 5
HSL	25.7°, 87.4, 56.5	`hsl(25.7,87.4%,56.5%)`
HSV (or HSB)	25.7°, 80.5, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.651, 37.095, 60.418
XYZ	44.773, 34.875, 7.063
xyY	0.516, 0.402, 34.875
CIE-LCH	65.651, 70.898, 58.451
CIE-LUV	65.651, 90.616, 55.032
Hunter-Lab	59.055, 31.984, 34.248
Binary	11110001, 10000010, 00101111

#f1822f
```
#f1822f rgb(241,130,47)
```
#2f9ef1
```
#2f9ef1 rgb(47,158,241)
```

Complementary Color

#f12f3d
```
#f12f3d rgb(241,47,61)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#f1e32f
```
#f1e32f rgb(241,227,47)
```

Analogous Color

#2f3df1
```
#2f3df1 rgb(47,61,241)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#2ff1e3
```
#2ff1e3 rgb(47,241,227)
```

Split Complementary Color

#822ff1
```
#822ff1 rgb(130,47,241)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#2ff182
```
#2ff182 rgb(47,241,130)
```

Triadic Color

#f12f9e
```
#f12f9e rgb(241,47,158)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#2ff182
```
#2ff182 rgb(47,241,130)
```
#2f9ef1
```
#2f9ef1 rgb(47,158,241)
```

Tetradic Color

#c65c0d
```
#c65c0d rgb(198,92,13)
```
#de680f
```
#de680f rgb(222,104,15)
```
#ef7417
```
#ef7417 rgb(239,116,23)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#f39047
```
#f39047 rgb(243,144,71)
```
#f49f5f
```
#f49f5f rgb(244,159,95)
```
#f6ad77
```
#f6ad77 rgb(246,173,119)
```

Monochromatic Color

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

#f1522f
```
#f1522f rgb(241,82,47)
```
#f1622f
```
#f1622f rgb(241,98,47)
```
#f1722f
```
#f1722f rgb(241,114,47)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#f1922f
```
#f1922f rgb(241,146,47)
```
#f1a22f
```
#f1a22f rgb(241,162,47)
```
#f1b32f
```
#f1b32f rgb(241,179,47)
```

Similar Colors

Text with hexadecimal color #f1822f

This text has a font color of #f1822f.

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

#f1822f background color

This paragraph has a background color of #f1822f.

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

#f1822f border color

This element has a border color of #f1822f.

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

CSS codes

.text {color:#f1822f;}

.background {background-color:#f1822f;}

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

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

#0d0601
```
#0d0601 rgb(13,6,1)
```
#1f0e02
```
#1f0e02 rgb(31,14,2)
```
#311703
```
#311703 rgb(49,23,3)
```
#442005
```
#442005 rgb(68,32,5)
```
#562806
```
#562806 rgb(86,40,6)
```
#683107
```
#683107 rgb(104,49,7)
```
#7b3908
```
#7b3908 rgb(123,57,8)
```
#8d420a
```
#8d420a rgb(141,66,10)
```
#a04a0b
```
#a04a0b rgb(160,74,11)
```
#b2530c
```
#b2530c rgb(178,83,12)
```
#c45c0d
```
#c45c0d rgb(196,92,13)
```
#d7640e
```
#d7640e rgb(215,100,14)
```
#e96d10
```
#e96d10 rgb(233,109,16)
```

Shade Color Variation

#f0771d
```
#f0771d rgb(240,119,29)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#f28d41
```
#f28d41 rgb(242,141,65)
```
#f39854
```
#f39854 rgb(243,152,84)
```
#f5a366
```
#f5a366 rgb(245,163,102)
```
#f6ae79
```
#f6ae79 rgb(246,174,121)
```
#f7b98b
```
#f7b98b rgb(247,185,139)
```
#f8c49d
```
#f8c49d rgb(248,196,157)
```
#facfb0
```
#facfb0 rgb(250,207,176)
```
#fbdac2
```
#fbdac2 rgb(251,218,194)
```
#fce5d4
```
#fce5d4 rgb(252,229,212)
```
#fdf0e7
```
#fdf0e7 rgb(253,240,231)
```
#fffbf9
```
#fffbf9 rgb(255,251,249)
```

Tint Color Variation

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

#93908d
```
#93908d rgb(147,144,141)
```
#9c8e84
```
#9c8e84 rgb(156,142,132)
```
#a48d7c
```
#a48d7c rgb(164,141,124)
```
#ad8c73
```
#ad8c73 rgb(173,140,115)
```
#b58b6b
```
#b58b6b rgb(181,139,107)
```
#be8962
```
#be8962 rgb(190,137,98)
```
#c6885a
```
#c6885a rgb(198,136,90)
```
#cf8751
```
#cf8751 rgb(207,135,81)
```
#d78649
```
#d78649 rgb(215,134,73)
```
#e08440
```
#e08440 rgb(224,132,64)
```
#e88338
```
#e88338 rgb(232,131,56)
```
#f1822f
```
#f1822f rgb(241,130,47)
```
#fa8126
```
#fa8126 rgb(250,129,38)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#ab9585 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a441 Protanopia 1% of men
#cc9c31 Deuteranopia 1% of men
#f58088 Tritanopia 0.001% of the population

Trichromacy

#cb983a Protanomaly 1% of men, 0.01% of women
#d99230 Deuteranomaly 6% of men, 0.4% of women
#f38168 Tritanomaly 0.01% of the population

#f1822f hex color

#f1822f Color Information

#f1822f Color Conversion

Color Schemes with #f1822f

Alternatives to #f1822f

#f1822f Preview

Shades and Tints of #f1822f

Tones of #f1822f

Color Blindness Simulator