#f27f1b hex color

In a RGB color space, hex #f27f1b is composed of 94.9% red, 49.8% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 88.8% yellow and 5.1% black. It has a hue angle of 27.9 degrees, a saturation of 89.2% and a lightness of 52.7%. #f27f1b color hex could be obtained by blending #fffe36 with #e50000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 95
- G 50
- B 11
RGB color chart
- C 0
- M 48
- Y 89
- K 5
CMYK color chart

● #f27f1b color description : Vivid orange.

The hexadecimal color #f27f1b has RGB values of R:242, G:127, B:27 and CMYK values of C:0, M:0.48, Y:0.89, K:0.05. Its decimal value is 15892251.

Hex triplet	f27f1b	`#f27f1b`
RGB Decimal	242, 127, 27	`rgb(242,127,27)`
RGB Percent	94.9, 49.8, 10.6	`rgb(94.9%,49.8%,10.6%)`
CMYK	0, 48, 89, 5
HSL	27.9°, 89.2, 52.7	`hsl(27.9,89.2%,52.7%)`
HSV (or HSB)	27.9°, 88.8, 94.9
Web Safe	ff6633	`#ff6633`

CIE-LAB	65.073, 38.526, 66.812
XYZ	44.407, 34.139, 5.288
xyY	0.53, 0.407, 34.139
CIE-LCH	65.073, 77.124, 60.031
CIE-LUV	65.073, 95.171, 57.933
Hunter-Lab	58.429, 33.413, 35.534
Binary	11110010, 01111111, 00011011

#f27f1b
```
#f27f1b rgb(242,127,27)
```
#1b8ef2
```
#1b8ef2 rgb(27,142,242)
```

Complementary Color

#f21b23
```
#f21b23 rgb(242,27,35)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#f2eb1b
```
#f2eb1b rgb(242,235,27)
```

Analogous Color

#1b23f2
```
#1b23f2 rgb(27,35,242)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#1bf2eb
```
#1bf2eb rgb(27,242,235)
```

Split Complementary Color

#7f1bf2
```
#7f1bf2 rgb(127,27,242)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#1bf27f
```
#1bf27f rgb(27,242,127)
```

Triadic Color

#f21b8e
```
#f21b8e rgb(242,27,142)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#1bf27f
```
#1bf27f rgb(27,242,127)
```
#1b8ef2
```
#1b8ef2 rgb(27,142,242)
```

Tetradic Color

#b65a0a
```
#b65a0a rgb(182,90,10)
```
#ce660c
```
#ce660c rgb(206,102,12)
```
#e6720d
```
#e6720d rgb(230,114,13)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#f38d33
```
#f38d33 rgb(243,141,51)
```
#f59a4b
```
#f59a4b rgb(245,154,75)
```
#f6a863
```
#f6a863 rgb(246,168,99)
```

Monochromatic Color

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

#f2491b
```
#f2491b rgb(242,73,27)
```
#f25b1b
```
#f25b1b rgb(242,91,27)
```
#f26d1b
```
#f26d1b rgb(242,109,27)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#f2911b
```
#f2911b rgb(242,145,27)
```
#f2a31b
```
#f2a31b rgb(242,163,27)
```
#f2b51b
```
#f2b51b rgb(242,181,27)
```

Similar Colors

Text with hexadecimal color #f27f1b

This text has a font color of #f27f1b.

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

#f27f1b background color

This paragraph has a background color of #f27f1b.

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

#f27f1b border color

This element has a border color of #f27f1b.

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

CSS codes

.text {color:#f27f1b;}

.background {background-color:#f27f1b;}

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

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

#0d0701
```
#0d0701 rgb(13,7,1)
```
#201002
```
#201002 rgb(32,16,2)
```
#321903
```
#321903 rgb(50,25,3)
```
#452204
```
#452204 rgb(69,34,4)
```
#572b05
```
#572b05 rgb(87,43,5)
```
#6a3506
```
#6a3506 rgb(106,53,6)
```
#7d3e07
```
#7d3e07 rgb(125,62,7)
```
#8f4708
```
#8f4708 rgb(143,71,8)
```
#a25009
```
#a25009 rgb(162,80,9)
```
#b4590a
```
#b4590a rgb(180,89,10)
```
#c7630b
```
#c7630b rgb(199,99,11)
```
#d96c0c
```
#d96c0c rgb(217,108,12)
```
#ec750d
```
#ec750d rgb(236,117,13)
```

Shade Color Variation

#f27f1b
```
#f27f1b rgb(242,127,27)
```
#f3892e
```
#f3892e rgb(243,137,46)
```
#f49440
```
#f49440 rgb(244,148,64)
```
#f59e53
```
#f59e53 rgb(245,158,83)
```
#f6a965
```
#f6a965 rgb(246,169,101)
```
#f7b378
```
#f7b378 rgb(247,179,120)
```
#f8be8a
```
#f8be8a rgb(248,190,138)
```
#f9c89d
```
#f9c89d rgb(249,200,157)
```
#fad2af
```
#fad2af rgb(250,210,175)
```
#fcddc2
```
#fcddc2 rgb(252,221,194)
```
#fde7d5
```
#fde7d5 rgb(253,231,213)
```
#fef2e7
```
#fef2e7 rgb(254,242,231)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#8c8681
```
#8c8681 rgb(140,134,129)
```
#958578
```
#958578 rgb(149,133,120)
```
#9f856e
```
#9f856e rgb(159,133,110)
```
#a88465
```
#a88465 rgb(168,132,101)
```
#b1845c
```
#b1845c rgb(177,132,92)
```
#ba8353
```
#ba8353 rgb(186,131,83)
```
#c48249
```
#c48249 rgb(196,130,73)
```
#cd8240
```
#cd8240 rgb(205,130,64)
```
#d68137
```
#d68137 rgb(214,129,55)
```
#df802e
```
#df802e rgb(223,128,46)
```
#e98024
```
#e98024 rgb(233,128,36)
```
#f27f1b
```
#f27f1b rgb(242,127,27)
```
#fb7e12
```
#fb7e12 rgb(251,126,18)
```

Tone Color Variation

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

Dichromacy

#b6a32e Protanopia 1% of men
#cb9b15 Deuteranopia 1% of men
#f67d85 Tritanopia 0.001% of the population

Trichromacy

#cb9627 Protanomaly 1% of men, 0.01% of women
#d99017 Deuteranomaly 6% of men, 0.4% of women
#f47d5e Tritanomaly 0.01% of the population

#f27f1b hex color

#f27f1b Color Information

#f27f1b Color Conversion

Color Schemes with #f27f1b

Alternatives to #f27f1b

#f27f1b Preview

Shades and Tints of #f27f1b

Tones of #f27f1b

Color Blindness Simulator