#f18018 hex color

In a RGB color space, hex #f18018 is composed of 94.5% red, 50.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 46.9% magenta, 90% yellow and 5.5% black. It has a hue angle of 28.8 degrees, a saturation of 88.6% and a lightness of 52%. #f18018 color hex could be obtained by blending #ffff30 with #e30100. Closest websafe color is: #ff9900.

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

● #f18018 color description : Vivid orange.

The hexadecimal color #f18018 has RGB values of R:241, G:128, B:24 and CMYK values of C:0, M:0.47, Y:0.9, K:0.05. Its decimal value is 15826968.

Hex triplet	f18018	`#f18018`
RGB Decimal	241, 128, 24	`rgb(241,128,24)`
RGB Percent	94.5, 50.2, 9.4	`rgb(94.5%,50.2%,9.4%)`
CMYK	0, 47, 90, 5
HSL	28.8°, 88.6, 52	`hsl(28.8,88.6%,52%)`
HSV (or HSB)	28.8°, 90, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	65.128, 37.571, 67.587
XYZ	44.161, 34.209, 5.142
xyY	0.529, 0.41, 34.209
CIE-LCH	65.128, 77.328, 60.93
CIE-LUV	65.128, 93.634, 58.623
Hunter-Lab	58.489, 32.42, 35.73
Binary	11110001, 10000000, 00011000

#f18018
```
#f18018 rgb(241,128,24)
```
#1889f1
```
#1889f1 rgb(24,137,241)
```

Complementary Color

#f1181d
```
#f1181d rgb(241,24,29)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#f1ed18
```
#f1ed18 rgb(241,237,24)
```

Analogous Color

#181df1
```
#181df1 rgb(24,29,241)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#18f1ed
```
#18f1ed rgb(24,241,237)
```

Split Complementary Color

#8018f1
```
#8018f1 rgb(128,24,241)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#18f180
```
#18f180 rgb(24,241,128)
```

Triadic Color

#f11889
```
#f11889 rgb(241,24,137)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#18f180
```
#18f180 rgb(24,241,128)
```
#1889f1
```
#1889f1 rgb(24,137,241)
```

Tetradic Color

#b25b0b
```
#b25b0b rgb(178,91,11)
```
#ca670c
```
#ca670c rgb(202,103,12)
```
#e2730e
```
#e2730e rgb(226,115,14)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#f28d30
```
#f28d30 rgb(242,141,48)
```
#f49a48
```
#f49a48 rgb(244,154,72)
```
#f5a860
```
#f5a860 rgb(245,168,96)
```

Monochromatic Color

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

#f14a18
```
#f14a18 rgb(241,74,24)
```
#f15c18
```
#f15c18 rgb(241,92,24)
```
#f16e18
```
#f16e18 rgb(241,110,24)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#f19218
```
#f19218 rgb(241,146,24)
```
#f1a418
```
#f1a418 rgb(241,164,24)
```
#f1b618
```
#f1b618 rgb(241,182,24)
```

Similar Colors

Text with hexadecimal color #f18018

This text has a font color of #f18018.

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

#f18018 background color

This paragraph has a background color of #f18018.

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

#f18018 border color

This element has a border color of #f18018.

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

CSS codes

.text {color:#f18018;}

.background {background-color:#f18018;}

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

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

#090501
```
#090501 rgb(9,5,1)
```
#1c0e02
```
#1c0e02 rgb(28,14,2)
```
#2e1803
```
#2e1803 rgb(46,24,3)
```
#412104
```
#412104 rgb(65,33,4)
```
#532b05
```
#532b05 rgb(83,43,5)
```
#663406
```
#663406 rgb(102,52,6)
```
#783e07
```
#783e07 rgb(120,62,7)
```
#8b4708
```
#8b4708 rgb(139,71,8)
```
#9d500a
```
#9d500a rgb(157,80,10)
```
#b05a0b
```
#b05a0b rgb(176,90,11)
```
#c2630c
```
#c2630c rgb(194,99,12)
```
#d56d0d
```
#d56d0d rgb(213,109,13)
```
#e7760e
```
#e7760e rgb(231,118,14)
```

Shade Color Variation

#f18018
```
#f18018 rgb(241,128,24)
```
#f28a2a
```
#f28a2a rgb(242,138,42)
```
#f3943d
```
#f3943d rgb(243,148,61)
```
#f49f4f
```
#f49f4f rgb(244,159,79)
```
#f5a962
```
#f5a962 rgb(245,169,98)
```
#f7b374
```
#f7b374 rgb(247,179,116)
```
#f8bd87
```
#f8bd87 rgb(248,189,135)
```
#f9c799
```
#f9c799 rgb(249,199,153)
```
#fad1ac
```
#fad1ac rgb(250,209,172)
```
#fbdcbe
```
#fbdcbe rgb(251,220,190)
```
#fce6d1
```
#fce6d1 rgb(252,230,209)
```
#fdf0e3
```
#fdf0e3 rgb(253,240,227)
```
#fefaf6
```
#fefaf6 rgb(254,250,246)
```

Tint Color Variation

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

#898480
```
#898480 rgb(137,132,128)
```
#938476
```
#938476 rgb(147,132,118)
```
#9c846d
```
#9c846d rgb(156,132,109)
```
#a68363
```
#a68363 rgb(166,131,99)
```
#af835a
```
#af835a rgb(175,131,90)
```
#b88251
```
#b88251 rgb(184,130,81)
```
#c28247
```
#c28247 rgb(194,130,71)
```
#cb823e
```
#cb823e rgb(203,130,62)
```
#d58134
```
#d58134 rgb(213,129,52)
```
#de812b
```
#de812b rgb(222,129,43)
```
#e88021
```
#e88021 rgb(232,128,33)
```
#f18018
```
#f18018 rgb(241,128,24)
```
#fa800f
```
#fa800f rgb(250,128,15)
```

Tone Color Variation

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

Dichromacy

#b6a32b Protanopia 1% of men
#cc9b0e Deuteranopia 1% of men
#f57e86 Tritanopia 0.001% of the population

Trichromacy

#cb9624 Protanomaly 1% of men, 0.01% of women
#d99112 Deuteranomaly 6% of men, 0.4% of women
#f47e5e Tritanomaly 0.01% of the population

#f18018 hex color

#f18018 Color Information

#f18018 Color Conversion

Color Schemes with #f18018

Alternatives to #f18018

#f18018 Preview

Shades and Tints of #f18018

Tones of #f18018

Color Blindness Simulator