#f5a031 hex color

In a RGB color space, hex #f5a031 is composed of 96.1% red, 62.7% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.7% magenta, 80% yellow and 3.9% black. It has a hue angle of 34 degrees, a saturation of 90.7% and a lightness of 57.6%. #f5a031 color hex could be obtained by blending #ffff62 with #eb4100. Closest websafe color is: #ff9933.

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

● #f5a031 color description : Bright orange.

The hexadecimal color #f5a031 has RGB values of R:245, G:160, B:49 and CMYK values of C:0, M:0.35, Y:0.8, K:0.04. Its decimal value is 16097329.

Hex triplet	f5a031	`#f5a031`
RGB Decimal	245, 160, 49	`rgb(245,160,49)`
RGB Percent	96.1, 62.7, 19.2	`rgb(96.1%,62.7%,19.2%)`
CMYK	0, 35, 80, 4
HSL	34°, 90.7, 57.6	`hsl(34,90.7%,57.6%)`
HSV (or HSB)	34°, 80, 96.1
Web Safe	ff9933	`#ff9933`

CIE-LAB	72.746, 23.195, 66.297
XYZ	50.783, 44.779, 8.874
xyY	0.486, 0.429, 44.779
CIE-LCH	72.746, 70.237, 70.717
CIE-LUV	72.746, 69.346, 65.882
Hunter-Lab	66.917, 18.356, 38.979
Binary	11110101, 10100000, 00110001

#f5a031
```
#f5a031 rgb(245,160,49)
```
#3186f5
```
#3186f5 rgb(49,134,245)
```

Complementary Color

#f53e31
```
#f53e31 rgb(245,62,49)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#e8f531
```
#e8f531 rgb(232,245,49)
```

Analogous Color

#3e31f5
```
#3e31f5 rgb(62,49,245)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#31e8f5
```
#31e8f5 rgb(49,232,245)
```

Split Complementary Color

#a031f5
```
#a031f5 rgb(160,49,245)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#31f5a0
```
#31f5a0 rgb(49,245,160)
```

Triadic Color

#f53186
```
#f53186 rgb(245,49,134)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#31f5a0
```
#31f5a0 rgb(49,245,160)
```
#3186f5
```
#3186f5 rgb(49,134,245)
```

Tetradic Color

#cf7a0a
```
#cf7a0a rgb(207,122,10)
```
#e8880b
```
#e8880b rgb(232,136,11)
```
#f49519
```
#f49519 rgb(244,149,25)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#f6ab49
```
#f6ab49 rgb(246,171,73)
```
#f7b662
```
#f7b662 rgb(247,182,98)
```
#f9c27a
```
#f9c27a rgb(249,194,122)
```

Monochromatic Color

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

#f56f31
```
#f56f31 rgb(245,111,49)
```
#f57f31
```
#f57f31 rgb(245,127,49)
```
#f59031
```
#f59031 rgb(245,144,49)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#f5b031
```
#f5b031 rgb(245,176,49)
```
#f5c131
```
#f5c131 rgb(245,193,49)
```
#f5d131
```
#f5d131 rgb(245,209,49)
```

Similar Colors

Text with hexadecimal color #f5a031

This text has a font color of #f5a031.

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

#f5a031 background color

This paragraph has a background color of #f5a031.

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

#f5a031 border color

This element has a border color of #f5a031.

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

CSS codes

.text {color:#f5a031;}

.background {background-color:#f5a031;}

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

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, #120b01 is the darkest color, while #ffffff is the lightest one.

#120b01
```
#120b01 rgb(18,11,1)
```
#251602
```
#251602 rgb(37,22,2)
```
#382103
```
#382103 rgb(56,33,3)
```
#4b2c04
```
#4b2c04 rgb(75,44,4)
```
#5d3705
```
#5d3705 rgb(93,55,5)
```
#704205
```
#704205 rgb(112,66,5)
```
#834d06
```
#834d06 rgb(131,77,6)
```
#955807
```
#955807 rgb(149,88,7)
```
#a86308
```
#a86308 rgb(168,99,8)
```
#bb6e09
```
#bb6e09 rgb(187,110,9)
```
#ce790a
```
#ce790a rgb(206,121,10)
```
#e0840b
```
#e0840b rgb(224,132,11)
```
#f38f0c
```
#f38f0c rgb(243,143,12)
```

Shade Color Variation

#f4971e
```
#f4971e rgb(244,151,30)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#f6a944
```
#f6a944 rgb(246,169,68)
```
#f7b156
```
#f7b156 rgb(247,177,86)
```
#f8ba69
```
#f8ba69 rgb(248,186,105)
```
#f9c37c
```
#f9c37c rgb(249,195,124)
```
#facb8f
```
#facb8f rgb(250,203,143)
```
#fad4a1
```
#fad4a1 rgb(250,212,161)
```
#fbdcb4
```
#fbdcb4 rgb(251,220,180)
```
#fce5c7
```
#fce5c7 rgb(252,229,199)
```
#fdeed9
```
#fdeed9 rgb(253,238,217)
```
#fef6ec
```
#fef6ec rgb(254,246,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#9a948c
```
#9a948c rgb(154,148,140)
```
#a29584
```
#a29584 rgb(162,149,132)
```
#aa967c
```
#aa967c rgb(170,150,124)
```
#b39773
```
#b39773 rgb(179,151,115)
```
#bb986b
```
#bb986b rgb(187,152,107)
```
#c39963
```
#c39963 rgb(195,153,99)
```
#cb9a5b
```
#cb9a5b rgb(203,154,91)
```
#d49c52
```
#d49c52 rgb(212,156,82)
```
#dc9d4a
```
#dc9d4a rgb(220,157,74)
```
#e49e42
```
#e49e42 rgb(228,158,66)
```
#ed9f39
```
#ed9f39 rgb(237,159,57)
```
#f5a031
```
#f5a031 rgb(245,160,49)
```
#fda129
```
#fda129 rgb(253,161,41)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#bbaa94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb640 Protanopia 1% of men
#e2ad37 Deuteranopia 1% of men
#fb9aa5 Tritanopia 0.001% of the population

Trichromacy

#daae3a Protanomaly 1% of men, 0.01% of women
#e9a835 Deuteranomaly 6% of men, 0.4% of women
#f99c7a Tritanomaly 0.01% of the population

#f5a031 hex color

#f5a031 Color Information

#f5a031 Color Conversion

Color Schemes with #f5a031

Alternatives to #f5a031

#f5a031 Preview

Shades and Tints of #f5a031

Tones of #f5a031

Color Blindness Simulator