#f07126 hex color

In a RGB color space, hex #f07126 is composed of 94.1% red, 44.3% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 84.2% yellow and 5.9% black. It has a hue angle of 22.3 degrees, a saturation of 87.1% and a lightness of 54.5%. #f07126 color hex could be obtained by blending #ffe24c with #e10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 94
- G 44
- B 15
RGB color chart
- C 0
- M 53
- Y 84
- K 6
CMYK color chart

● #f07126 color description : Bright orange.

The hexadecimal color #f07126 has RGB values of R:240, G:113, B:38 and CMYK values of C:0, M:0.53, Y:0.84, K:0.06. Its decimal value is 15757606.

Hex triplet	f07126	`#f07126`
RGB Decimal	240, 113, 38	`rgb(240,113,38)`
RGB Percent	94.1, 44.3, 14.9	`rgb(94.1%,44.3%,14.9%)`
CMYK	0, 53, 84, 6
HSL	22.3°, 87.1, 54.5	`hsl(22.3,87.1%,54.5%)`
HSV (or HSB)	22.3°, 84.2, 94.1
Web Safe	ff6633	`#ff6633`

CIE-LAB	62.066, 44.926, 60.687
XYZ	42.192, 30.48, 5.495
xyY	0.54, 0.39, 30.48
CIE-LCH	62.066, 75.507, 53.488
CIE-LUV	62.066, 104.335, 51.169
Hunter-Lab	55.208, 39.8, 32.745
Binary	11110000, 01110001, 00100110

#f07126
```
#f07126 rgb(240,113,38)
```
#26a5f0
```
#26a5f0 rgb(38,165,240)
```

Complementary Color

#f02640
```
#f02640 rgb(240,38,64)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#f0d626
```
#f0d626 rgb(240,214,38)
```

Analogous Color

#2640f0
```
#2640f0 rgb(38,64,240)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#26f0d6
```
#26f0d6 rgb(38,240,214)
```

Split Complementary Color

#7126f0
```
#7126f0 rgb(113,38,240)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#26f071
```
#26f071 rgb(38,240,113)
```

Triadic Color

#f026a5
```
#f026a5 rgb(240,38,165)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#26f071
```
#26f071 rgb(38,240,113)
```
#26a5f0
```
#26a5f0 rgb(38,165,240)
```

Tetradic Color

#bc4e0d
```
#bc4e0d rgb(188,78,13)
```
#d4580f
```
#d4580f rgb(212,88,15)
```
#ec6210
```
#ec6210 rgb(236,98,16)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#f2813e
```
#f2813e rgb(242,129,62)
```
#f39056
```
#f39056 rgb(243,144,86)
```
#f5a06e
```
#f5a06e rgb(245,160,110)
```

Monochromatic Color

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

#f03f26
```
#f03f26 rgb(240,63,38)
```
#f04f26
```
#f04f26 rgb(240,79,38)
```
#f06026
```
#f06026 rgb(240,96,38)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#f08226
```
#f08226 rgb(240,130,38)
```
#f09326
```
#f09326 rgb(240,147,38)
```
#f0a426
```
#f0a426 rgb(240,164,38)
```

Similar Colors

Text with hexadecimal color #f07126

This text has a font color of #f07126.

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

#f07126 background color

This paragraph has a background color of #f07126.

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

#f07126 border color

This element has a border color of #f07126.

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

CSS codes

.text {color:#f07126;}

.background {background-color:#f07126;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#160901
```
#160901 rgb(22,9,1)
```
#281103
```
#281103 rgb(40,17,3)
```
#3a1804
```
#3a1804 rgb(58,24,4)
```
#4d2005
```
#4d2005 rgb(77,32,5)
```
#5f2707
```
#5f2707 rgb(95,39,7)
```
#712f08
```
#712f08 rgb(113,47,8)
```
#843709
```
#843709 rgb(132,55,9)
```
#963e0a
```
#963e0a rgb(150,62,10)
```
#a8460c
```
#a8460c rgb(168,70,12)
```
#bb4d0d
```
#bb4d0d rgb(187,77,13)
```
#cd550e
```
#cd550e rgb(205,85,14)
```
#df5d0f
```
#df5d0f rgb(223,93,15)
```

Shade Color Variation

#ef6514
```
#ef6514 rgb(239,101,20)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#f17d38
```
#f17d38 rgb(241,125,56)
```
#f3894b
```
#f3894b rgb(243,137,75)
```
#f4955d
```
#f4955d rgb(244,149,93)
```
#f5a16f
```
#f5a16f rgb(245,161,111)
```
#f6ad82
```
#f6ad82 rgb(246,173,130)
```
#f8b994
```
#f8b994 rgb(248,185,148)
```
#f9c5a6
```
#f9c5a6 rgb(249,197,166)
```
#fad1b9
```
#fad1b9 rgb(250,209,185)
```
#fbddcb
```
#fbddcb rgb(251,221,203)
```
#fde9dd
```
#fde9dd rgb(253,233,221)
```
#fef5f0
```
#fef5f0 rgb(254,245,240)
```

Tint Color Variation

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

#8e8a88
```
#8e8a88 rgb(142,138,136)
```
#97887f
```
#97887f rgb(151,136,127)
```
#a08676
```
#a08676 rgb(160,134,118)
```
#a9836d
```
#a9836d rgb(169,131,109)
```
#b28164
```
#b28164 rgb(178,129,100)
```
#ba7f5c
```
#ba7f5c rgb(186,127,92)
```
#c37c53
```
#c37c53 rgb(195,124,83)
```
#cc7a4a
```
#cc7a4a rgb(204,122,74)
```
#d57841
```
#d57841 rgb(213,120,65)
```
#de7638
```
#de7638 rgb(222,118,56)
```
#e7732f
```
#e7732f rgb(231,115,47)
```
#f07126
```
#f07126 rgb(240,113,38)
```
#f96f1d
```
#f96f1d rgb(249,111,29)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#a28879 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ad9b3a Protanopia 1% of men
#c19423 Deuteranopia 1% of men
#f37178 Tritanopia 0.001% of the population

Trichromacy

#c58c32 Protanomaly 1% of men, 0.01% of women
#d28724 Deuteranomaly 6% of men, 0.4% of women
#f2715a Tritanomaly 0.01% of the population

#f07126 hex color

#f07126 Color Information

#f07126 Color Conversion

Color Schemes with #f07126

Alternatives to #f07126

#f07126 Preview

Shades and Tints of #f07126

Tones of #f07126

Color Blindness Simulator