#f5b401 hex color

In a RGB color space, hex #f5b401 is composed of 96.1% red, 70.6% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.5% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 44 degrees, a saturation of 99.2% and a lightness of 48.2%. #f5b401 color hex could be obtained by blending #ffff02 with #eb6900. Closest websafe color is: #ffcc00.

♥
- f
- t
- g
- R 96
- G 71
- B 0
RGB color chart
- C 0
- M 27
- Y 100
- K 4
CMYK color chart

● #f5b401 color description : Vivid orange.

The hexadecimal color #f5b401 has RGB values of R:245, G:180, B:1 and CMYK values of C:0, M:0.27, Y:1, K:0.04. Its decimal value is 16102401.

Hex triplet	f5b401	`#f5b401`
RGB Decimal	245, 180, 1	`rgb(245,180,1)`
RGB Percent	96.1, 70.6, 0.4	`rgb(96.1%,70.6%,0.4%)`
CMYK	0, 27, 100, 4
HSL	44°, 99.2, 48.2	`hsl(44,99.2%,48.2%)`
HSV (or HSB)	44°, 99.6, 96.1
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	77.317, 11.847, 79.887
XYZ	53.984, 52.06, 7.234
xyY	0.477, 0.46, 52.06
CIE-LCH	77.317, 80.761, 81.565
CIE-LUV	77.317, 54.526, 79.052
Hunter-Lab	72.153, 7.285, 44.562
Binary	11110101, 10110100, 00000001

#f5b401
```
#f5b401 rgb(245,180,1)
```
#0142f5
```
#0142f5 rgb(1,66,245)
```

Complementary Color

#f53a01
```
#f53a01 rgb(245,58,1)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```
#bcf501
```
#bcf501 rgb(188,245,1)
```

Analogous Color

#3a01f5
```
#3a01f5 rgb(58,1,245)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```
#01bcf5
```
#01bcf5 rgb(1,188,245)
```

Split Complementary Color

#b401f5
```
#b401f5 rgb(180,1,245)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```
#01f5b4
```
#01f5b4 rgb(1,245,180)
```

Triadic Color

#f50142
```
#f50142 rgb(245,1,66)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```
#01f5b4
```
#01f5b4 rgb(1,245,180)
```
#0142f5
```
#0142f5 rgb(1,66,245)
```

Tetradic Color

#a97c01
```
#a97c01 rgb(169,124,1)
```
#c28f01
```
#c28f01 rgb(194,143,1)
```
#dca101
```
#dca101 rgb(220,161,1)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```
#febf11
```
#febf11 rgb(254,191,17)
```
#fec62b
```
#fec62b rgb(254,198,43)
```
#fecd44
```
#fecd44 rgb(254,205,68)
```

Monochromatic Color

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

#f57701
```
#f57701 rgb(245,119,1)
```
#f58b01
```
#f58b01 rgb(245,139,1)
```
#f5a001
```
#f5a001 rgb(245,160,1)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```
#f5c801
```
#f5c801 rgb(245,200,1)
```
#f5dd01
```
#f5dd01 rgb(245,221,1)
```
#f5f101
```
#f5f101 rgb(245,241,1)
```

Similar Colors

Text with hexadecimal color #f5b401

This text has a font color of #f5b401.

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

#f5b401 background color

This paragraph has a background color of #f5b401.

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

#f5b401 border color

This element has a border color of #f5b401.

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

CSS codes

.text {color:#f5b401;}

.background {background-color:#f5b401;}

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

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, #0b0800 is the darkest color, while #fffdf6 is the lightest one.

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1e1600
```
#1e1600 rgb(30,22,0)
```
#322400
```
#322400 rgb(50,36,0)
```
#453300
```
#453300 rgb(69,51,0)
```
#594100
```
#594100 rgb(89,65,0)
```
#6c5000
```
#6c5000 rgb(108,80,0)
```
#805e01
```
#805e01 rgb(128,94,1)
```
#936c01
```
#936c01 rgb(147,108,1)
```
#a77b01
```
#a77b01 rgb(167,123,1)
```
#ba8901
```
#ba8901 rgb(186,137,1)
```
#ce9701
```
#ce9701 rgb(206,151,1)
```
#e1a601
```
#e1a601 rgb(225,166,1)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```

Shade Color Variation

#febd0c
```
#febd0c rgb(254,189,12)
```
#fec31f
```
#fec31f rgb(254,195,31)
```
#fec833
```
#fec833 rgb(254,200,51)
```
#fecd46
```
#fecd46 rgb(254,205,70)
```
#fed25a
```
#fed25a rgb(254,210,90)
```
#fed86d
```
#fed86d rgb(254,216,109)
```
#fedd81
```
#fedd81 rgb(254,221,129)
```
#ffe294
```
#ffe294 rgb(255,226,148)
```
#ffe8a8
```
#ffe8a8 rgb(255,232,168)
```
#ffedbb
```
#ffedbb rgb(255,237,187)
```
#fff2cf
```
#fff2cf rgb(255,242,207)
```
#fff7e3
```
#fff7e3 rgb(255,247,227)
```
#fffdf6
```
#fffdf6 rgb(255,253,246)
```

Tint Color Variation

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

#837f73
```
#837f73 rgb(131,127,115)
```
#8d8369
```
#8d8369 rgb(141,131,105)
```
#968860
```
#968860 rgb(150,136,96)
```
#a08c56
```
#a08c56 rgb(160,140,86)
```
#a9914d
```
#a9914d rgb(169,145,77)
```
#b39543
```
#b39543 rgb(179,149,67)
```
#bc993a
```
#bc993a rgb(188,153,58)
```
#c69e30
```
#c69e30 rgb(198,158,48)
```
#cfa227
```
#cfa227 rgb(207,162,39)
```
#d9a71d
```
#d9a71d rgb(217,167,29)
```
#e2ab14
```
#e2ab14 rgb(226,171,20)
```
#ecb00a
```
#ecb00a rgb(236,176,10)
```
#f5b401
```
#f5b401 rgb(245,180,1)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c0b38f Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac212 Protanopia 1% of men
#f3b800 Deuteranopia 1% of men
#feabb7 Tritanopia 0.001% of the population

Trichromacy

#e3bd0b Protanomaly 1% of men, 0.01% of women
#f3b700 Deuteranomaly 6% of men, 0.4% of women
#faae75 Tritanomaly 0.01% of the population

#f5b401 hex color

#f5b401 Color Information

#f5b401 Color Conversion

Color Schemes with #f5b401

Alternatives to #f5b401

#f5b401 Preview

Shades and Tints of #f5b401

Tones of #f5b401

Color Blindness Simulator