#f26c0e hex color

In a RGB color space, hex #f26c0e is composed of 94.9% red, 42.4% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 94.2% yellow and 5.1% black. It has a hue angle of 24.7 degrees, a saturation of 89.8% and a lightness of 50.2%. #f26c0e color hex could be obtained by blending #ffd81c with #e50000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 95
- G 42
- B 5
RGB color chart
- C 0
- M 55
- Y 94
- K 5
CMYK color chart

● #f26c0e color description : Vivid orange.

The hexadecimal color #f26c0e has RGB values of R:242, G:108, B:14 and CMYK values of C:0, M:0.55, Y:0.94, K:0.05. Its decimal value is 15887374.

Hex triplet	f26c0e	`#f26c0e`
RGB Decimal	242, 108, 14	`rgb(242,108,14)`
RGB Percent	94.9, 42.4, 5.5	`rgb(94.9%,42.4%,5.5%)`
CMYK	0, 55, 94, 5
HSL	24.7°, 89.8, 50.2	`hsl(24.7,89.8%,50.2%)`
HSV (or HSB)	24.7°, 94.2, 94.9
Web Safe	ff6600	`#ff6600`

CIE-LAB	61.341, 47.658, 67.299
XYZ	42.062, 29.638, 3.921
xyY	0.556, 0.392, 29.638
CIE-LCH	61.341, 82.465, 54.696
CIE-LUV	61.341, 111.427, 53.321
Hunter-Lab	54.441, 42.638, 33.838
Binary	11110010, 01101100, 00001110

#f26c0e
```
#f26c0e rgb(242,108,14)
```
#0e94f2
```
#0e94f2 rgb(14,148,242)
```

Complementary Color

#f20e22
```
#f20e22 rgb(242,14,34)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#f2de0e
```
#f2de0e rgb(242,222,14)
```

Analogous Color

#0e22f2
```
#0e22f2 rgb(14,34,242)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#0ef2de
```
#0ef2de rgb(14,242,222)
```

Split Complementary Color

#6c0ef2
```
#6c0ef2 rgb(108,14,242)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#0ef26c
```
#0ef26c rgb(14,242,108)
```

Triadic Color

#f20e94
```
#f20e94 rgb(242,14,148)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#0ef26c
```
#0ef26c rgb(14,242,108)
```
#0e94f2
```
#0e94f2 rgb(14,148,242)
```

Tetradic Color

#aa4c09
```
#aa4c09 rgb(170,76,9)
```
#c3560a
```
#c3560a rgb(195,86,10)
```
#db610c
```
#db610c rgb(219,97,12)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#f37b26
```
#f37b26 rgb(243,123,38)
```
#f58a3e
```
#f58a3e rgb(245,138,62)
```
#f69857
```
#f69857 rgb(246,152,87)
```

Monochromatic Color

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

#f2330e
```
#f2330e rgb(242,51,14)
```
#f2460e
```
#f2460e rgb(242,70,14)
```
#f2590e
```
#f2590e rgb(242,89,14)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#f27f0e
```
#f27f0e rgb(242,127,14)
```
#f2920e
```
#f2920e rgb(242,146,14)
```
#f2a50e
```
#f2a50e rgb(242,165,14)
```

Similar Colors

Text with hexadecimal color #f26c0e

This text has a font color of #f26c0e.

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

#f26c0e background color

This paragraph has a background color of #f26c0e.

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

#f26c0e border color

This element has a border color of #f26c0e.

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

CSS codes

.text {color:#f26c0e;}

.background {background-color:#f26c0e;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140901
```
#140901 rgb(20,9,1)
```
#261102
```
#261102 rgb(38,17,2)
```
#391903
```
#391903 rgb(57,25,3)
```
#4b2104
```
#4b2104 rgb(75,33,4)
```
#5e2a05
```
#5e2a05 rgb(94,42,5)
```
#713206
```
#713206 rgb(113,50,6)
```
#833a07
```
#833a07 rgb(131,58,7)
```
#964308
```
#964308 rgb(150,67,8)
```
#a84b09
```
#a84b09 rgb(168,75,9)
```
#bb530a
```
#bb530a rgb(187,83,10)
```
#ce5b0b
```
#ce5b0b rgb(206,91,11)
```
#e0640c
```
#e0640c rgb(224,100,12)
```

Shade Color Variation

#f26c0e
```
#f26c0e rgb(242,108,14)
```
#f37721
```
#f37721 rgb(243,119,33)
```
#f48333
```
#f48333 rgb(244,131,51)
```
#f58e46
```
#f58e46 rgb(245,142,70)
```
#f69958
```
#f69958 rgb(246,153,88)
```
#f7a56b
```
#f7a56b rgb(247,165,107)
```
#f8b07e
```
#f8b07e rgb(248,176,126)
```
#f9bb90
```
#f9bb90 rgb(249,187,144)
```
#fac7a3
```
#fac7a3 rgb(250,199,163)
```
#fbd2b6
```
#fbd2b6 rgb(251,210,182)
```
#fcdec8
```
#fcdec8 rgb(252,222,200)
```
#fde9db
```
#fde9db rgb(253,233,219)
```
#fef4ed
```
#fef4ed rgb(254,244,237)
```

Tint Color Variation

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

#877f79
```
#877f79 rgb(135,127,121)
```
#907d70
```
#907d70 rgb(144,125,112)
```
#9a7b66
```
#9a7b66 rgb(154,123,102)
```
#a47a5c
```
#a47a5c rgb(164,122,92)
```
#ae7852
```
#ae7852 rgb(174,120,82)
```
#b77649
```
#b77649 rgb(183,118,73)
```
#c1753f
```
#c1753f rgb(193,117,63)
```
#cb7335
```
#cb7335 rgb(203,115,53)
```
#d5712b
```
#d5712b rgb(213,113,43)
```
#de6f22
```
#de6f22 rgb(222,111,34)
```
#e86e18
```
#e86e18 rgb(232,110,24)
```
#f26c0e
```
#f26c0e rgb(242,108,14)
```
#fc6a04
```
#fc6a04 rgb(252,106,4)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#9e8370 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9925 Protanopia 1% of men
#c09200 Deuteranopia 1% of men
#f56c72 Tritanopia 0.001% of the population

Trichromacy

#c5891c Protanomaly 1% of men, 0.01% of women
#d28405 Deuteranomaly 6% of men, 0.4% of women
#f46c4e Tritanomaly 0.01% of the population

#f26c0e hex color

#f26c0e Color Information

#f26c0e Color Conversion

Color Schemes with #f26c0e

Alternatives to #f26c0e

#f26c0e Preview

Shades and Tints of #f26c0e

Tones of #f26c0e

Color Blindness Simulator