#f8a058 hex color

In a RGB color space, hex #f8a058 is composed of 97.3% red, 62.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.5% magenta, 64.5% yellow and 2.7% black. It has a hue angle of 27 degrees, a saturation of 92% and a lightness of 65.9%. #f8a058 color hex could be obtained by blending #ffffb0 with #f14100. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 97
- G 63
- B 35
RGB color chart
- C 0
- M 35
- Y 65
- K 3
CMYK color chart

● #f8a058 color description : Soft orange.

The hexadecimal color #f8a058 has RGB values of R:248, G:160, B:88 and CMYK values of C:0, M:0.35, Y:0.65, K:0.03. Its decimal value is 16293976.

Hex triplet	f8a058	`#f8a058`
RGB Decimal	248, 160, 88	`rgb(248,160,88)`
RGB Percent	97.3, 62.7, 34.5	`rgb(97.3%,62.7%,34.5%)`
CMYK	0, 35, 65, 3
HSL	27°, 92, 65.9	`hsl(27,92%,65.9%)`
HSV (or HSB)	27°, 64.5, 97.3
Web Safe	ff9966	`#ff9966`

CIE-LAB	73.42, 26.23, 50.24
XYZ	53.045, 45.806, 15.28
xyY	0.465, 0.401, 45.806
CIE-LCH	73.42, 56.675, 62.431
CIE-LUV	73.42, 68.831, 53.619
Hunter-Lab	67.68, 21.46, 33.991
Binary	11111000, 10100000, 01011000

#f8a058
```
#f8a058 rgb(248,160,88)
```
#58b0f8
```
#58b0f8 rgb(88,176,248)
```

Complementary Color

#f85860
```
#f85860 rgb(248,88,96)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#f8f058
```
#f8f058 rgb(248,240,88)
```

Analogous Color

#5860f8
```
#5860f8 rgb(88,96,248)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#58f8f0
```
#58f8f0 rgb(88,248,240)
```

Split Complementary Color

#a058f8
```
#a058f8 rgb(160,88,248)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#58f8a0
```
#58f8a0 rgb(88,248,160)
```

Triadic Color

#f858b0
```
#f858b0 rgb(248,88,176)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#58f8a0
```
#58f8a0 rgb(88,248,160)
```
#58b0f8
```
#58b0f8 rgb(88,176,248)
```

Tetradic Color

#f5760f
```
#f5760f rgb(245,118,15)
```
#f68427
```
#f68427 rgb(246,132,39)
```
#f79240
```
#f79240 rgb(247,146,64)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#f9ae70
```
#f9ae70 rgb(249,174,112)
```
#fabc89
```
#fabc89 rgb(250,188,137)
```
#fbcaa1
```
#fbcaa1 rgb(251,202,161)
```

Monochromatic Color

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

#f87858
```
#f87858 rgb(248,120,88)
```
#f88558
```
#f88558 rgb(248,133,88)
```
#f89358
```
#f89358 rgb(248,147,88)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#f8ad58
```
#f8ad58 rgb(248,173,88)
```
#f8bb58
```
#f8bb58 rgb(248,187,88)
```
#f8c858
```
#f8c858 rgb(248,200,88)
```

Similar Colors

Text with hexadecimal color #f8a058

This text has a font color of #f8a058.

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

#f8a058 background color

This paragraph has a background color of #f8a058.

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

#f8a058 border color

This element has a border color of #f8a058.

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

CSS codes

.text {color:#f8a058;}

.background {background-color:#f8a058;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150a01
```
#150a01 rgb(21,10,1)
```
#281302
```
#281302 rgb(40,19,2)
```
#3b1c02
```
#3b1c02 rgb(59,28,2)
```
#4e2503
```
#4e2503 rgb(78,37,3)
```
#612e04
```
#612e04 rgb(97,46,4)
```
#733705
```
#733705 rgb(115,55,5)
```
#863f06
```
#863f06 rgb(134,63,6)
```
#994806
```
#994806 rgb(153,72,6)
```
#ac5107
```
#ac5107 rgb(172,81,7)
```
#bf5a08
```
#bf5a08 rgb(191,90,8)
```
#d26309
```
#d26309 rgb(210,99,9)
```
#e46c0a
```
#e46c0a rgb(228,108,10)
```

Shade Color Variation

#f5750d
```
#f5750d rgb(245,117,13)
```
#f68020
```
#f68020 rgb(246,128,32)
```
#f68b32
```
#f68b32 rgb(246,139,50)
```
#f79545
```
#f79545 rgb(247,149,69)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#f9ab6b
```
#f9ab6b rgb(249,171,107)
```
#fab57e
```
#fab57e rgb(250,181,126)
```
#fac090
```
#fac090 rgb(250,192,144)
```
#fbcba3
```
#fbcba3 rgb(251,203,163)
```
#fcd6b6
```
#fcd6b6 rgb(252,214,182)
```
#fde0c9
```
#fde0c9 rgb(253,224,201)
```
#feebdc
```
#feebdc rgb(254,235,220)
```
#fef6ef
```
#fef6ef rgb(254,246,239)
```

Tint Color Variation

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

#aea7a2
```
#aea7a2 rgb(174,167,162)
```
#b5a79b
```
#b5a79b rgb(181,167,155)
```
#bca694
```
#bca694 rgb(188,166,148)
```
#c2a58e
```
#c2a58e rgb(194,165,142)
```
#c9a587
```
#c9a587 rgb(201,165,135)
```
#d0a480
```
#d0a480 rgb(208,164,128)
```
#d7a379
```
#d7a379 rgb(215,163,121)
```
#dda373
```
#dda373 rgb(221,163,115)
```
#e4a26c
```
#e4a26c rgb(228,162,108)
```
#eba165
```
#eba165 rgb(235,161,101)
```
#f1a15f
```
#f1a15f rgb(241,161,95)
```
#f8a058
```
#f8a058 rgb(248,160,88)
```
#ff9f51
```
#ff9f51 rgb(255,159,81)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#c0aea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab866 Protanopia 1% of men
#e1af5d Deuteranopia 1% of men
#fd9ca7 Tritanopia 0.001% of the population

Trichromacy

#daaf61 Protanomaly 1% of men, 0.01% of women
#e9aa5b Deuteranomaly 6% of men, 0.4% of women
#fb9d8a Tritanomaly 0.01% of the population

#f8a058 hex color

#f8a058 Color Information

#f8a058 Color Conversion

Color Schemes with #f8a058

Alternatives to #f8a058

#f8a058 Preview

Shades and Tints of #f8a058

Tones of #f8a058

Color Blindness Simulator