#f27e1f hex color

In a RGB color space, hex #f27e1f is composed of 94.9% red, 49.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.9% magenta, 87.2% yellow and 5.1% black. It has a hue angle of 27 degrees, a saturation of 89% and a lightness of 53.5%. #f27e1f color hex could be obtained by blending #fffc3e with #e50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 95
- G 49
- B 12
RGB color chart
- C 0
- M 48
- Y 87
- K 5
CMYK color chart

● #f27e1f color description : Vivid orange.

The hexadecimal color #f27e1f has RGB values of R:242, G:126, B:31 and CMYK values of C:0, M:0.48, Y:0.87, K:0.05. Its decimal value is 15891999.

Hex triplet	f27e1f	`#f27e1f`
RGB Decimal	242, 126, 31	`rgb(242,126,31)`
RGB Percent	94.9, 49.4, 12.2	`rgb(94.9%,49.4%,12.2%)`
CMYK	0, 48, 87, 5
HSL	27°, 89, 53.5	`hsl(27,89%,53.5%)`
HSV (or HSB)	27°, 87.2, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	64.885, 39.107, 65.499
XYZ	44.328, 33.902, 5.506
xyY	0.529, 0.405, 33.902
CIE-LCH	64.885, 76.286, 59.16
CIE-LUV	64.885, 95.8, 56.975
Hunter-Lab	58.225, 34, 35.151
Binary	11110010, 01111110, 00011111

#f27e1f
```
#f27e1f rgb(242,126,31)
```
#1f93f2
```
#1f93f2 rgb(31,147,242)
```

Complementary Color

#f21f2a
```
#f21f2a rgb(242,31,42)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#f2e81f
```
#f2e81f rgb(242,232,31)
```

Analogous Color

#1f2af2
```
#1f2af2 rgb(31,42,242)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#1ff2e8
```
#1ff2e8 rgb(31,242,232)
```

Split Complementary Color

#7e1ff2
```
#7e1ff2 rgb(126,31,242)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#1ff27e
```
#1ff27e rgb(31,242,126)
```

Triadic Color

#f21f93
```
#f21f93 rgb(242,31,147)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#1ff27e
```
#1ff27e rgb(31,242,126)
```
#1f93f2
```
#1f93f2 rgb(31,147,242)
```

Tetradic Color

#ba5a0b
```
#ba5a0b rgb(186,90,11)
```
#d2650c
```
#d2650c rgb(210,101,12)
```
#ea710e
```
#ea710e rgb(234,113,14)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#f38c37
```
#f38c37 rgb(243,140,55)
```
#f59a4f
```
#f59a4f rgb(245,154,79)
```
#f6a867
```
#f6a867 rgb(246,168,103)
```

Monochromatic Color

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

#f2491f
```
#f2491f rgb(242,73,31)
```
#f25b1f
```
#f25b1f rgb(242,91,31)
```
#f26c1f
```
#f26c1f rgb(242,108,31)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#f2901f
```
#f2901f rgb(242,144,31)
```
#f2a11f
```
#f2a11f rgb(242,161,31)
```
#f2b31f
```
#f2b31f rgb(242,179,31)
```

Similar Colors

Text with hexadecimal color #f27e1f

This text has a font color of #f27e1f.

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

#f27e1f background color

This paragraph has a background color of #f27e1f.

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

#f27e1f border color

This element has a border color of #f27e1f.

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

CSS codes

.text {color:#f27e1f;}

.background {background-color:#f27e1f;}

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

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

#110801
```
#110801 rgb(17,8,1)
```
#241102
```
#241102 rgb(36,17,2)
```
#361a03
```
#361a03 rgb(54,26,3)
```
#492304
```
#492304 rgb(73,35,4)
```
#5b2c05
```
#5b2c05 rgb(91,44,5)
```
#6e3506
```
#6e3506 rgb(110,53,6)
```
#803e07
```
#803e07 rgb(128,62,7)
```
#934709
```
#934709 rgb(147,71,9)
```
#a5500a
```
#a5500a rgb(165,80,10)
```
#b8590b
```
#b8590b rgb(184,89,11)
```
#ca620c
```
#ca620c rgb(202,98,12)
```
#dd6b0d
```
#dd6b0d rgb(221,107,13)
```
#ef730e
```
#ef730e rgb(239,115,14)
```

Shade Color Variation

#f27e1f
```
#f27e1f rgb(242,126,31)
```
#f38932
```
#f38932 rgb(243,137,50)
```
#f49344
```
#f49344 rgb(244,147,68)
```
#f59e57
```
#f59e57 rgb(245,158,87)
```
#f6a969
```
#f6a969 rgb(246,169,105)
```
#f7b37c
```
#f7b37c rgb(247,179,124)
```
#f8be8e
```
#f8be8e rgb(248,190,142)
```
#fac9a1
```
#fac9a1 rgb(250,201,161)
```
#fbd3b3
```
#fbd3b3 rgb(251,211,179)
```
#fcdec6
```
#fcdec6 rgb(252,222,198)
```
#fde9d8
```
#fde9d8 rgb(253,233,216)
```
#fef3eb
```
#fef3eb rgb(254,243,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#8e8883
```
#8e8883 rgb(142,136,131)
```
#97877a
```
#97877a rgb(151,135,122)
```
#a08671
```
#a08671 rgb(160,134,113)
```
#a98568
```
#a98568 rgb(169,133,104)
```
#b2845f
```
#b2845f rgb(178,132,95)
```
#bb8356
```
#bb8356 rgb(187,131,86)
```
#c4834d
```
#c4834d rgb(196,131,77)
```
#ce8243
```
#ce8243 rgb(206,130,67)
```
#d7813a
```
#d7813a rgb(215,129,58)
```
#e08031
```
#e08031 rgb(224,128,49)
```
#e97f28
```
#e97f28 rgb(233,127,40)
```
#f27e1f
```
#f27e1f rgb(242,126,31)
```
#fb7d16
```
#fb7d16 rgb(251,125,22)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#a8917e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a232 Protanopia 1% of men
#cb9a1b Deuteranopia 1% of men
#f67c84 Tritanopia 0.001% of the population

Trichromacy

#cb952b Protanomaly 1% of men, 0.01% of women
#d9901d Deuteranomaly 6% of men, 0.4% of women
#f47d5f Tritanomaly 0.01% of the population

#f27e1f hex color

#f27e1f Color Information

#f27e1f Color Conversion

Color Schemes with #f27e1f

Alternatives to #f27e1f

#f27e1f Preview

Shades and Tints of #f27e1f

Tones of #f27e1f

Color Blindness Simulator