#f5af01 hex color

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

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

● #f5af01 color description : Vivid orange.

The hexadecimal color #f5af01 has RGB values of R:245, G:175, B:1 and CMYK values of C:0, M:0.29, Y:1, K:0.04. Its decimal value is 16101121.

Hex triplet	f5af01	`#f5af01`
RGB Decimal	245, 175, 1	`rgb(245,175,1)`
RGB Percent	96.1, 68.6, 0.4	`rgb(96.1%,68.6%,0.4%)`
CMYK	0, 29, 100, 4
HSL	42.8°, 99.2, 48.2	`hsl(42.8,99.2%,48.2%)`
HSV (or HSB)	42.8°, 99.6, 96.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	76.117, 14.469, 79.071
XYZ	52.993, 50.078, 6.904
xyY	0.482, 0.455, 50.078
CIE-LCH	76.117, 80.384, 79.63
CIE-LUV	76.117, 58.515, 77.235
Hunter-Lab	70.766, 9.83, 43.752
Binary	11110101, 10101111, 00000001

#f5af01
```
#f5af01 rgb(245,175,1)
```
#0147f5
```
#0147f5 rgb(1,71,245)
```

Complementary Color

#f53501
```
#f53501 rgb(245,53,1)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```
#c1f501
```
#c1f501 rgb(193,245,1)
```

Analogous Color

#3501f5
```
#3501f5 rgb(53,1,245)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```
#01c1f5
```
#01c1f5 rgb(1,193,245)
```

Split Complementary Color

#af01f5
```
#af01f5 rgb(175,1,245)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```
#01f5af
```
#01f5af rgb(1,245,175)
```

Triadic Color

#f50147
```
#f50147 rgb(245,1,71)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```
#01f5af
```
#01f5af rgb(1,245,175)
```
#0147f5
```
#0147f5 rgb(1,71,245)
```

Tetradic Color

#a97901
```
#a97901 rgb(169,121,1)
```
#c28b01
```
#c28b01 rgb(194,139,1)
```
#dc9d01
```
#dc9d01 rgb(220,157,1)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```
#feba11
```
#feba11 rgb(254,186,17)
```
#fec22b
```
#fec22b rgb(254,194,43)
```
#fec944
```
#fec944 rgb(254,201,68)
```

Monochromatic Color

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

#f57201
```
#f57201 rgb(245,114,1)
```
#f58601
```
#f58601 rgb(245,134,1)
```
#f59b01
```
#f59b01 rgb(245,155,1)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```
#f5c301
```
#f5c301 rgb(245,195,1)
```
#f5d801
```
#f5d801 rgb(245,216,1)
```
#f5ec01
```
#f5ec01 rgb(245,236,1)
```

Similar Colors

Text with hexadecimal color #f5af01

This text has a font color of #f5af01.

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

#f5af01 background color

This paragraph has a background color of #f5af01.

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

#f5af01 border color

This element has a border color of #f5af01.

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

CSS codes

.text {color:#f5af01;}

.background {background-color:#f5af01;}

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

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 #fffcf6 is the lightest one.

#0b0800
```
#0b0800 rgb(11,8,0)
```
#1e1600
```
#1e1600 rgb(30,22,0)
```
#322300
```
#322300 rgb(50,35,0)
```
#453100
```
#453100 rgb(69,49,0)
```
#593f00
```
#593f00 rgb(89,63,0)
```
#6c4d00
```
#6c4d00 rgb(108,77,0)
```
#805b01
```
#805b01 rgb(128,91,1)
```
#936901
```
#936901 rgb(147,105,1)
```
#a77701
```
#a77701 rgb(167,119,1)
```
#ba8501
```
#ba8501 rgb(186,133,1)
```
#ce9301
```
#ce9301 rgb(206,147,1)
```
#e1a101
```
#e1a101 rgb(225,161,1)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```

Shade Color Variation

#feb80c
```
#feb80c rgb(254,184,12)
```
#febe1f
```
#febe1f rgb(254,190,31)
```
#fec433
```
#fec433 rgb(254,196,51)
```
#fec946
```
#fec946 rgb(254,201,70)
```
#fecf5a
```
#fecf5a rgb(254,207,90)
```
#fed56d
```
#fed56d rgb(254,213,109)
```
#feda81
```
#feda81 rgb(254,218,129)
```
#ffe094
```
#ffe094 rgb(255,224,148)
```
#ffe6a8
```
#ffe6a8 rgb(255,230,168)
```
#ffebbb
```
#ffebbb rgb(255,235,187)
```
#fff1cf
```
#fff1cf rgb(255,241,207)
```
#fff7e3
```
#fff7e3 rgb(255,247,227)
```
#fffcf6
```
#fffcf6 rgb(255,252,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 #f5af01 is the most saturated one.

#837f73
```
#837f73 rgb(131,127,115)
```
#8d8369
```
#8d8369 rgb(141,131,105)
```
#968760
```
#968760 rgb(150,135,96)
```
#a08b56
```
#a08b56 rgb(160,139,86)
```
#a98f4d
```
#a98f4d rgb(169,143,77)
```
#b39343
```
#b39343 rgb(179,147,67)
```
#bc973a
```
#bc973a rgb(188,151,58)
```
#c69b30
```
#c69b30 rgb(198,155,48)
```
#cf9f27
```
#cf9f27 rgb(207,159,39)
```
#d9a31d
```
#d9a31d rgb(217,163,29)
```
#e2a714
```
#e2a714 rgb(226,167,20)
```
#ecab0a
```
#ecab0a rgb(236,171,10)
```
#f5af01
```
#f5af01 rgb(245,175,1)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#beb08d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6bf13 Protanopia 1% of men
#efb500 Deuteranopia 1% of men
#fda7b2 Tritanopia 0.001% of the population

Trichromacy

#e1b90c Protanomaly 1% of men, 0.01% of women
#f1b300 Deuteranomaly 6% of men, 0.4% of women
#faaa72 Tritanomaly 0.01% of the population

#f5af01 hex color

#f5af01 Color Information

#f5af01 Color Conversion

Color Schemes with #f5af01

Alternatives to #f5af01

#f5af01 Preview

Shades and Tints of #f5af01

Tones of #f5af01

Color Blindness Simulator