#f5a002 hex color

In a RGB color space, hex #f5a002 is composed of 96.1% red, 62.7% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.7% magenta, 99.2% yellow and 3.9% black. It has a hue angle of 39 degrees, a saturation of 98.4% and a lightness of 48.4%. #f5a002 color hex could be obtained by blending #ffff04 with #eb4100. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 96
- G 63
- B 1
RGB color chart
- C 0
- M 35
- Y 99
- K 4
CMYK color chart

● #f5a002 color description : Vivid orange.

The hexadecimal color #f5a002 has RGB values of R:245, G:160, B:2 and CMYK values of C:0, M:0.35, Y:0.99, K:0.04. Its decimal value is 16097282.

Hex triplet	f5a002	`#f5a002`
RGB Decimal	245, 160, 2	`rgb(245,160,2)`
RGB Percent	96.1, 62.7, 0.8	`rgb(96.1%,62.7%,0.8%)`
CMYK	0, 35, 99, 4
HSL	39°, 98.4, 48.4	`hsl(39,98.4%,48.4%)`
HSV (or HSB)	39°, 99.2, 96.1
Web Safe	ff9900	`#ff9900`

CIE-LAB	72.603, 22.363, 76.601
XYZ	50.239, 44.562, 6.013
xyY	0.498, 0.442, 44.562
CIE-LCH	72.603, 79.798, 73.726
CIE-LUV	72.603, 70.728, 71.784
Hunter-Lab	66.755, 17.517, 41.388
Binary	11110101, 10100000, 00000010

#f5a002
```
#f5a002 rgb(245,160,2)
```
#0257f5
```
#0257f5 rgb(2,87,245)
```

Complementary Color

#f52702
```
#f52702 rgb(245,39,2)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```
#d1f502
```
#d1f502 rgb(209,245,2)
```

Analogous Color

#2702f5
```
#2702f5 rgb(39,2,245)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```
#02d1f5
```
#02d1f5 rgb(2,209,245)
```

Split Complementary Color

#a002f5
```
#a002f5 rgb(160,2,245)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```
#02f5a0
```
#02f5a0 rgb(2,245,160)
```

Triadic Color

#f50257
```
#f50257 rgb(245,2,87)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```
#02f5a0
```
#02f5a0 rgb(2,245,160)
```
#0257f5
```
#0257f5 rgb(2,87,245)
```

Tetradic Color

#a96e01
```
#a96e01 rgb(169,110,1)
```
#c27f02
```
#c27f02 rgb(194,127,2)
```
#dc8f02
```
#dc8f02 rgb(220,143,2)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```
#fdab13
```
#fdab13 rgb(253,171,19)
```
#fdb42d
```
#fdb42d rgb(253,180,45)
```
#fdbd46
```
#fdbd46 rgb(253,189,70)
```

Monochromatic Color

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

#f56302
```
#f56302 rgb(245,99,2)
```
#f57802
```
#f57802 rgb(245,120,2)
```
#f58c02
```
#f58c02 rgb(245,140,2)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```
#f5b402
```
#f5b402 rgb(245,180,2)
```
#f5c902
```
#f5c902 rgb(245,201,2)
```
#f5dd02
```
#f5dd02 rgb(245,221,2)
```

Similar Colors

Text with hexadecimal color #f5a002

This text has a font color of #f5a002.

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

#f5a002 background color

This paragraph has a background color of #f5a002.

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

#f5a002 border color

This element has a border color of #f5a002.

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

CSS codes

.text {color:#f5a002;}

.background {background-color:#f5a002;}

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

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

#0c0800
```
#0c0800 rgb(12,8,0)
```
#1f1400
```
#1f1400 rgb(31,20,0)
```
#322100
```
#322100 rgb(50,33,0)
```
#462e01
```
#462e01 rgb(70,46,1)
```
#593a01
```
#593a01 rgb(89,58,1)
```
#6d4701
```
#6d4701 rgb(109,71,1)
```
#805401
```
#805401 rgb(128,84,1)
```
#946001
```
#946001 rgb(148,96,1)
```
#a76d01
```
#a76d01 rgb(167,109,1)
```
#bb7a02
```
#bb7a02 rgb(187,122,2)
```
#ce8702
```
#ce8702 rgb(206,135,2)
```
#e29302
```
#e29302 rgb(226,147,2)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```

Shade Color Variation

#fda90e
```
#fda90e rgb(253,169,14)
```
#fdb021
```
#fdb021 rgb(253,176,33)
```
#fdb734
```
#fdb734 rgb(253,183,52)
```
#febe48
```
#febe48 rgb(254,190,72)
```
#fec55b
```
#fec55b rgb(254,197,91)
```
#fecc6f
```
#fecc6f rgb(254,204,111)
```
#fed382
```
#fed382 rgb(254,211,130)
```
#feda96
```
#feda96 rgb(254,218,150)
```
#fee1a9
```
#fee1a9 rgb(254,225,169)
```
#fee7bd
```
#fee7bd rgb(254,231,189)
```
#ffeed0
```
#ffeed0 rgb(255,238,208)
```
#fff5e4
```
#fff5e4 rgb(255,245,228)
```
#fffcf7
```
#fffcf7 rgb(255,252,247)
```

Tint Color Variation

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

#837e74
```
#837e74 rgb(131,126,116)
```
#8d816b
```
#8d816b rgb(141,129,107)
```
#968361
```
#968361 rgb(150,131,97)
```
#a08658
```
#a08658 rgb(160,134,88)
```
#a9894e
```
#a9894e rgb(169,137,78)
```
#b38c45
```
#b38c45 rgb(179,140,69)
```
#bc8f3b
```
#bc8f3b rgb(188,143,59)
```
#c69232
```
#c69232 rgb(198,146,50)
```
#cf9528
```
#cf9528 rgb(207,149,40)
```
#d9971f
```
#d9971f rgb(217,151,31)
```
#e29a15
```
#e29a15 rgb(226,154,21)
```
#ec9d0c
```
#ec9d0c rgb(236,157,12)
```
#f5a002
```
#f5a002 rgb(245,160,2)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#b7a686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccb616 Protanopia 1% of men
#e3ad00 Deuteranopia 1% of men
#fc9aa4 Tritanopia 0.001% of the population

Trichromacy

#dbae0e Protanomaly 1% of men, 0.01% of women
#eaa800 Deuteranomaly 6% of men, 0.4% of women
#f99c69 Tritanomaly 0.01% of the population

#f5a002 hex color

#f5a002 Color Information

#f5a002 Color Conversion

Color Schemes with #f5a002

Alternatives to #f5a002

#f5a002 Preview

Shades and Tints of #f5a002

Tones of #f5a002

Color Blindness Simulator