#f18a01 hex color

In a RGB color space, hex #f18a01 is composed of 94.5% red, 54.1% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.7% magenta, 99.6% yellow and 5.5% black. It has a hue angle of 34.3 degrees, a saturation of 99.2% and a lightness of 47.5%. #f18a01 color hex could be obtained by blending #ffff02 with #e31500. Closest websafe color is: #ff9900.

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

● #f18a01 color description : Vivid orange.

The hexadecimal color #f18a01 has RGB values of R:241, G:138, B:1 and CMYK values of C:0, M:0.43, Y:1, K:0.05. Its decimal value is 15829505.

Hex triplet	f18a01	`#f18a01`
RGB Decimal	241, 138, 1	`rgb(241,138,1)`
RGB Percent	94.5, 54.1, 0.4	`rgb(94.5%,54.1%,0.4%)`
CMYK	0, 43, 100, 5
HSL	34.3°, 99.2, 47.5	`hsl(34.3,99.2%,47.5%)`
HSV (or HSB)	34.3°, 99.6, 94.5
Web Safe	ff9900	`#ff9900`

CIE-LAB	67.19, 32.19, 72.982
XYZ	45.371, 36.884, 4.759
xyY	0.521, 0.424, 36.884
CIE-LCH	67.19, 79.766, 66.199
CIE-LUV	67.19, 85.832, 64.001
Hunter-Lab	60.732, 27.071, 37.867
Binary	11110001, 10001010, 00000001

#f18a01
```
#f18a01 rgb(241,138,1)
```
#0168f1
```
#0168f1 rgb(1,104,241)
```

Complementary Color

#f11201
```
#f11201 rgb(241,18,1)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```
#e0f101
```
#e0f101 rgb(224,241,1)
```

Analogous Color

#1201f1
```
#1201f1 rgb(18,1,241)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```
#01e0f1
```
#01e0f1 rgb(1,224,241)
```

Split Complementary Color

#8a01f1
```
#8a01f1 rgb(138,1,241)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```
#01f18a
```
#01f18a rgb(1,241,138)
```

Triadic Color

#f10168
```
#f10168 rgb(241,1,104)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```
#01f18a
```
#01f18a rgb(1,241,138)
```
#0168f1
```
#0168f1 rgb(1,104,241)
```

Tetradic Color

#a55e01
```
#a55e01 rgb(165,94,1)
```
#be6d01
```
#be6d01 rgb(190,109,1)
```
#d87b01
```
#d87b01 rgb(216,123,1)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```
#fe970e
```
#fe970e rgb(254,151,14)
```
#fea227
```
#fea227 rgb(254,162,39)
```
#fead40
```
#fead40 rgb(254,173,64)
```

Monochromatic Color

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

#f14e01
```
#f14e01 rgb(241,78,1)
```
#f16201
```
#f16201 rgb(241,98,1)
```
#f17601
```
#f17601 rgb(241,118,1)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```
#f19e01
```
#f19e01 rgb(241,158,1)
```
#f1b201
```
#f1b201 rgb(241,178,1)
```
#f1c601
```
#f1c601 rgb(241,198,1)
```

Similar Colors

Text with hexadecimal color #f18a01

This text has a font color of #f18a01.

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

#f18a01 background color

This paragraph has a background color of #f18a01.

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

#f18a01 border color

This element has a border color of #f18a01.

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

CSS codes

.text {color:#f18a01;}

.background {background-color:#f18a01;}

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

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

#070400
```
#070400 rgb(7,4,0)
```
#1a0f00
```
#1a0f00 rgb(26,15,0)
```
#2e1a00
```
#2e1a00 rgb(46,26,0)
```
#412500
```
#412500 rgb(65,37,0)
```
#553100
```
#553100 rgb(85,49,0)
```
#683c00
```
#683c00 rgb(104,60,0)
```
#7c4701
```
#7c4701 rgb(124,71,1)
```
#8f5201
```
#8f5201 rgb(143,82,1)
```
#a35d01
```
#a35d01 rgb(163,93,1)
```
#b66801
```
#b66801 rgb(182,104,1)
```
#ca7401
```
#ca7401 rgb(202,116,1)
```
#dd7f01
```
#dd7f01 rgb(221,127,1)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```

Shade Color Variation

#fe9408
```
#fe9408 rgb(254,148,8)
```
#fe9d1b
```
#fe9d1b rgb(254,157,27)
```
#fea52f
```
#fea52f rgb(254,165,47)
```
#feae42
```
#feae42 rgb(254,174,66)
```
#feb656
```
#feb656 rgb(254,182,86)
```
#febe69
```
#febe69 rgb(254,190,105)
```
#fec77d
```
#fec77d rgb(254,199,125)
```
#ffcf90
```
#ffcf90 rgb(255,207,144)
```
#ffd8a4
```
#ffd8a4 rgb(255,216,164)
```
#ffe0b7
```
#ffe0b7 rgb(255,224,183)
```
#ffe9cb
```
#ffe9cb rgb(255,233,203)
```
#fff1df
```
#fff1df rgb(255,241,223)
```
#fff9f2
```
#fff9f2 rgb(255,249,242)
```

Tint Color Variation

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

#817a71
```
#817a71 rgb(129,122,113)
```
#8b7b67
```
#8b7b67 rgb(139,123,103)
```
#947d5e
```
#947d5e rgb(148,125,94)
```
#9d7e55
```
#9d7e55 rgb(157,126,85)
```
#a77f4b
```
#a77f4b rgb(167,127,75)
```
#b08142
```
#b08142 rgb(176,129,66)
```
#b98239
```
#b98239 rgb(185,130,57)
```
#c28330
```
#c28330 rgb(194,131,48)
```
#cc8526
```
#cc8526 rgb(204,133,38)
```
#d5861d
```
#d5861d rgb(213,134,29)
```
#de8714
```
#de8714 rgb(222,135,20)
```
#e8890a
```
#e8890a rgb(232,137,10)
```
#f18a01
```
#f18a01 rgb(241,138,1)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#ab967b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bca817 Protanopia 1% of men
#d2a000 Deuteranopia 1% of men
#f6868f Tritanopia 0.001% of the population

Trichromacy

#cf9d0f Protanomaly 1% of men, 0.01% of women
#dd9800 Deuteranomaly 6% of men, 0.4% of women
#f4875b Tritanomaly 0.01% of the population

#f18a01 hex color

#f18a01 Color Information

#f18a01 Color Conversion

Color Schemes with #f18a01

Alternatives to #f18a01

#f18a01 Preview

Shades and Tints of #f18a01

Tones of #f18a01

Color Blindness Simulator