#f18f00 hex color

In a RGB color space, hex #f18f00 is composed of 94.5% red, 56.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40.7% magenta, 100% yellow and 5.5% black. It has a hue angle of 35.6 degrees, a saturation of 100% and a lightness of 47.3%. #f18f00 color hex could be obtained by blending #ffff00 with #e31f00. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 95
- G 56
- B 0
RGB color chart
- C 0
- M 41
- Y 100
- K 5
CMYK color chart

● #f18f00 color description : Pure (or mostly pure) orange.

The hexadecimal color #f18f00 has RGB values of R:241, G:143, B:0 and CMYK values of C:0, M:0.41, Y:1, K:0.05. Its decimal value is 15830784.

Hex triplet	f18f00	`#f18f00`
RGB Decimal	241, 143, 0	`rgb(241,143,0)`
RGB Percent	94.5, 56.1, 0	`rgb(94.5%,56.1%,0%)`
CMYK	0, 41, 100, 5
HSL	35.6°, 100, 47.3	`hsl(35.6,100%,47.3%)`
HSV (or HSB)	35.6°, 100, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	68.277, 29.582, 73.808
XYZ	46.1, 38.349, 4.974
xyY	0.516, 0.429, 38.349
CIE-LCH	68.277, 79.516, 68.159
CIE-LUV	68.277, 81.637, 65.788
Hunter-Lab	61.927, 24.507, 38.586
Binary	11110001, 10001111, 00000000

#f18f00
```
#f18f00 rgb(241,143,0)
```
#0062f1
```
#0062f1 rgb(0,98,241)
```

Complementary Color

#f11700
```
#f11700 rgb(241,23,0)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```
#dbf100
```
#dbf100 rgb(219,241,0)
```

Analogous Color

#1600f1
```
#1600f1 rgb(22,0,241)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```
#00dbf1
```
#00dbf1 rgb(0,219,241)
```

Split Complementary Color

#8f00f1
```
#8f00f1 rgb(143,0,241)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```
#00f18f
```
#00f18f rgb(0,241,143)
```

Triadic Color

#f10062
```
#f10062 rgb(241,0,98)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```
#00f18f
```
#00f18f rgb(0,241,143)
```
#0062f1
```
#0062f1 rgb(0,98,241)
```

Tetradic Color

#a56200
```
#a56200 rgb(165,98,0)
```
#be7100
```
#be7100 rgb(190,113,0)
```
#d88000
```
#d88000 rgb(216,128,0)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```
#ff9c0c
```
#ff9c0c rgb(255,156,12)
```
#ffa625
```
#ffa625 rgb(255,166,37)
```
#ffb13f
```
#ffb13f rgb(255,177,63)
```

Monochromatic Color

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

#f15300
```
#f15300 rgb(241,83,0)
```
#f16700
```
#f16700 rgb(241,103,0)
```
#f17b00
```
#f17b00 rgb(241,123,0)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```
#f1a300
```
#f1a300 rgb(241,163,0)
```
#f1b700
```
#f1b700 rgb(241,183,0)
```
#f1cb00
```
#f1cb00 rgb(241,203,0)
```

Similar Colors

Text with hexadecimal color #f18f00

This text has a font color of #f18f00.

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

#f18f00 background color

This paragraph has a background color of #f18f00.

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

#f18f00 border color

This element has a border color of #f18f00.

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

CSS codes

.text {color:#f18f00;}

.background {background-color:#f18f00;}

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

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

#060300
```
#060300 rgb(6,3,0)
```
#190f00
```
#190f00 rgb(25,15,0)
```
#2d1b00
```
#2d1b00 rgb(45,27,0)
```
#402600
```
#402600 rgb(64,38,0)
```
#543200
```
#543200 rgb(84,50,0)
```
#683e00
```
#683e00 rgb(104,62,0)
```
#7b4900
```
#7b4900 rgb(123,73,0)
```
#8f5500
```
#8f5500 rgb(143,85,0)
```
#a36000
```
#a36000 rgb(163,96,0)
```
#b66c00
```
#b66c00 rgb(182,108,0)
```
#ca7800
```
#ca7800 rgb(202,120,0)
```
#dd8300
```
#dd8300 rgb(221,131,0)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```

Shade Color Variation

#ff9a06
```
#ff9a06 rgb(255,154,6)
```
#ffa219
```
#ffa219 rgb(255,162,25)
```
#ffaa2d
```
#ffaa2d rgb(255,170,45)
```
#ffb240
```
#ffb240 rgb(255,178,64)
```
#ffb954
```
#ffb954 rgb(255,185,84)
```
#ffc168
```
#ffc168 rgb(255,193,104)
```
#ffc97b
```
#ffc97b rgb(255,201,123)
```
#ffd18f
```
#ffd18f rgb(255,209,143)
```
#ffd9a3
```
#ffd9a3 rgb(255,217,163)
```
#ffe1b6
```
#ffe1b6 rgb(255,225,182)
```
#ffe9ca
```
#ffe9ca rgb(255,233,202)
```
#fff1dd
```
#fff1dd rgb(255,241,221)
```
#fff9f1
```
#fff9f1 rgb(255,249,241)
```

Tint Color Variation

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

#827a6f
```
#827a6f rgb(130,122,111)
```
#8b7c66
```
#8b7c66 rgb(139,124,102)
```
#947e5d
```
#947e5d rgb(148,126,93)
```
#9e7f53
```
#9e7f53 rgb(158,127,83)
```
#a7814a
```
#a7814a rgb(167,129,74)
```
#b08341
```
#b08341 rgb(176,131,65)
```
#b98538
```
#b98538 rgb(185,133,56)
```
#c3862e
```
#c3862e rgb(195,134,46)
```
#cc8825
```
#cc8825 rgb(204,136,37)
```
#d58a1c
```
#d58a1c rgb(213,138,28)
```
#de8c13
```
#de8c13 rgb(222,140,19)
```
#e88d09
```
#e88d09 rgb(232,141,9)
```
#f18f00
```
#f18f00 rgb(241,143,0)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#ad997d Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfab15 Protanopia 1% of men
#d6a200 Deuteranopia 1% of men
#f78a94 Tritanopia 0.001% of the population

Trichromacy

#d1a10d Protanomaly 1% of men, 0.01% of women
#df9b00 Deuteranomaly 6% of men, 0.4% of women
#f48c5e Tritanomaly 0.01% of the population

#f18f00 hex color

#f18f00 Color Information

#f18f00 Color Conversion

Color Schemes with #f18f00

Alternatives to #f18f00

#f18f00 Preview

Shades and Tints of #f18f00

Tones of #f18f00

Color Blindness Simulator