#f18026 hex color

In a RGB color space, hex #f18026 is composed of 94.5% red, 50.2% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 84.2% yellow and 5.5% black. It has a hue angle of 26.6 degrees, a saturation of 87.9% and a lightness of 54.7%. #f18026 color hex could be obtained by blending #ffff4c with #e30100. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 95
- G 50
- B 15
RGB color chart
- C 0
- M 47
- Y 84
- K 5
CMYK color chart

● #f18026 color description : Bright orange.

The hexadecimal color #f18026 has RGB values of R:241, G:128, B:38 and CMYK values of C:0, M:0.47, Y:0.84, K:0.05. Its decimal value is 15826982.

Hex triplet	f18026	`#f18026`
RGB Decimal	241, 128, 38	`rgb(241,128,38)`
RGB Percent	94.5, 50.2, 14.9	`rgb(94.5%,50.2%,14.9%)`
CMYK	0, 47, 84, 5
HSL	26.6°, 87.9, 54.7	`hsl(26.6,87.9%,54.7%)`
HSV (or HSB)	26.6°, 84.2, 94.5
Web Safe	ff9933	`#ff9933`

CIE-LAB	65.187, 37.859, 63.384
XYZ	44.346, 34.283, 6.116
xyY	0.523, 0.405, 34.283
CIE-LCH	65.187, 73.83, 59.15
CIE-LUV	65.187, 92.894, 56.324
Hunter-Lab	58.552, 32.728, 34.793
Binary	11110001, 10000000, 00100110

#f18026
```
#f18026 rgb(241,128,38)
```
#2697f1
```
#2697f1 rgb(38,151,241)
```

Complementary Color

#f12632
```
#f12632 rgb(241,38,50)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#f1e626
```
#f1e626 rgb(241,230,38)
```

Analogous Color

#2632f1
```
#2632f1 rgb(38,50,241)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#26f1e6
```
#26f1e6 rgb(38,241,230)
```

Split Complementary Color

#8026f1
```
#8026f1 rgb(128,38,241)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#26f180
```
#26f180 rgb(38,241,128)
```

Triadic Color

#f12697
```
#f12697 rgb(241,38,151)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#26f180
```
#26f180 rgb(38,241,128)
```
#2697f1
```
#2697f1 rgb(38,151,241)
```

Tetradic Color

#be5b0c
```
#be5b0c rgb(190,91,12)
```
#d6670e
```
#d6670e rgb(214,103,14)
```
#ee720f
```
#ee720f rgb(238,114,15)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#f38e3e
```
#f38e3e rgb(243,142,62)
```
#f49c56
```
#f49c56 rgb(244,156,86)
```
#f6aa6e
```
#f6aa6e rgb(246,170,110)
```

Monochromatic Color

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

#f14d26
```
#f14d26 rgb(241,77,38)
```
#f15e26
```
#f15e26 rgb(241,94,38)
```
#f16f26
```
#f16f26 rgb(241,111,38)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#f19126
```
#f19126 rgb(241,145,38)
```
#f1a226
```
#f1a226 rgb(241,162,38)
```
#f1b326
```
#f1b326 rgb(241,179,38)
```

Similar Colors

Text with hexadecimal color #f18026

This text has a font color of #f18026.

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

#f18026 background color

This paragraph has a background color of #f18026.

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

#f18026 border color

This element has a border color of #f18026.

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

CSS codes

.text {color:#f18026;}

.background {background-color:#f18026;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#170b01
```
#170b01 rgb(23,11,1)
```
#291403
```
#291403 rgb(41,20,3)
```
#3b1c04
```
#3b1c04 rgb(59,28,4)
```
#4e2505
```
#4e2505 rgb(78,37,5)
```
#602e06
```
#602e06 rgb(96,46,6)
```
#733707
```
#733707 rgb(115,55,7)
```
#854009
```
#854009 rgb(133,64,9)
```
#98490a
```
#98490a rgb(152,73,10)
```
#aa510b
```
#aa510b rgb(170,81,11)
```
#bc5a0c
```
#bc5a0c rgb(188,90,12)
```
#cf630d
```
#cf630d rgb(207,99,13)
```
#e16c0f
```
#e16c0f rgb(225,108,15)
```

Shade Color Variation

#f07514
```
#f07514 rgb(240,117,20)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#f28b38
```
#f28b38 rgb(242,139,56)
```
#f3964b
```
#f3964b rgb(243,150,75)
```
#f5a05d
```
#f5a05d rgb(245,160,93)
```
#f6ab70
```
#f6ab70 rgb(246,171,112)
```
#f7b682
```
#f7b682 rgb(247,182,130)
```
#f8c195
```
#f8c195 rgb(248,193,149)
```
#f9cba7
```
#f9cba7 rgb(249,203,167)
```
#fbd6b9
```
#fbd6b9 rgb(251,214,185)
```
#fce1cc
```
#fce1cc rgb(252,225,204)
```
#fdecde
```
#fdecde rgb(253,236,222)
```
#fef7f1
```
#fef7f1 rgb(254,247,241)
```

Tint Color Variation

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

#8f8b88
```
#8f8b88 rgb(143,139,136)
```
#988a7f
```
#988a7f rgb(152,138,127)
```
#a18976
```
#a18976 rgb(161,137,118)
```
#aa886d
```
#aa886d rgb(170,136,109)
```
#b38764
```
#b38764 rgb(179,135,100)
```
#bc865b
```
#bc865b rgb(188,134,91)
```
#c58552
```
#c58552 rgb(197,133,82)
```
#cd844a
```
#cd844a rgb(205,132,74)
```
#d68341
```
#d68341 rgb(214,131,65)
```
#df8238
```
#df8238 rgb(223,130,56)
```
#e8812f
```
#e8812f rgb(232,129,47)
```
#f18026
```
#f18026 rgb(241,128,38)
```
#fa7f1d
```
#fa7f1d rgb(250,127,29)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#aa9381 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a338 Protanopia 1% of men
#cb9b26 Deuteranopia 1% of men
#f57e86 Tritanopia 0.001% of the population

Trichromacy

#cb9631 Protanomaly 1% of men, 0.01% of women
#d99126 Deuteranomaly 6% of men, 0.4% of women
#f37f63 Tritanomaly 0.01% of the population

#f18026 hex color

#f18026 Color Information

#f18026 Color Conversion

Color Schemes with #f18026

Alternatives to #f18026

#f18026 Preview

Shades and Tints of #f18026

Tones of #f18026

Color Blindness Simulator