#fcc058 hex color

In a RGB color space, hex #fcc058 is composed of 98.8% red, 75.3% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.8% magenta, 65.1% yellow and 1.2% black. It has a hue angle of 38 degrees, a saturation of 96.5% and a lightness of 66.7%. #fcc058 color hex could be obtained by blending #ffffb0 with #f98100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 75
- B 35
RGB color chart
- C 0
- M 24
- Y 65
- K 1
CMYK color chart

● #fcc058 color description : Soft orange.

The hexadecimal color #fcc058 has RGB values of R:252, G:192, B:88 and CMYK values of C:0, M:0.24, Y:0.65, K:0.01. Its decimal value is 16564312.

Hex triplet	fcc058	`#fcc058`
RGB Decimal	252, 192, 88	`rgb(252,192,88)`
RGB Percent	98.8, 75.3, 34.5	`rgb(98.8%,75.3%,34.5%)`
CMYK	0, 24, 65, 1
HSL	38°, 96.5, 66.7	`hsl(38,96.5%,66.7%)`
HSV (or HSB)	38°, 65.1, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	81.348, 11.111, 59.226
XYZ	60.757, 59.102, 17.44
xyY	0.443, 0.43, 59.102
CIE-LCH	81.348, 60.259, 79.374
CIE-LUV	81.348, 47.886, 67.461
Hunter-Lab	76.878, 6.532, 40.365
Binary	11111100, 11000000, 01011000

#fcc058
```
#fcc058 rgb(252,192,88)
```
#5894fc
```
#5894fc rgb(88,148,252)
```

Complementary Color

#fc6e58
```
#fc6e58 rgb(252,110,88)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#e6fc58
```
#e6fc58 rgb(230,252,88)
```

Analogous Color

#6e58fc
```
#6e58fc rgb(110,88,252)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#58e6fc
```
#58e6fc rgb(88,230,252)
```

Split Complementary Color

#c058fc
```
#c058fc rgb(192,88,252)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#58fcc0
```
#58fcc0 rgb(88,252,192)
```

Triadic Color

#fc5894
```
#fc5894 rgb(252,88,148)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#58fcc0
```
#58fcc0 rgb(88,252,192)
```
#5894fc
```
#5894fc rgb(88,148,252)
```

Tetradic Color

#fba40d
```
#fba40d rgb(251,164,13)
```
#fbad26
```
#fbad26 rgb(251,173,38)
```
#fcb73f
```
#fcb73f rgb(252,183,63)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#fcc971
```
#fcc971 rgb(252,201,113)
```
#fdd38a
```
#fdd38a rgb(253,211,138)
```
#fddca3
```
#fddca3 rgb(253,220,163)
```

Monochromatic Color

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

#fc9758
```
#fc9758 rgb(252,151,88)
```
#fca558
```
#fca558 rgb(252,165,88)
```
#fcb258
```
#fcb258 rgb(252,178,88)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#fcce58
```
#fcce58 rgb(252,206,88)
```
#fcdb58
```
#fcdb58 rgb(252,219,88)
```
#fce958
```
#fce958 rgb(252,233,88)
```

Similar Colors

Text with hexadecimal color #fcc058

This text has a font color of #fcc058.

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

#fcc058 background color

This paragraph has a background color of #fcc058.

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

#fcc058 border color

This element has a border color of #fcc058.

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

CSS codes

.text {color:#fcc058;}

.background {background-color:#fcc058;}

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

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

#060400
```
#060400 rgb(6,4,0)
```
#1a1000
```
#1a1000 rgb(26,16,0)
```
#2d1d01
```
#2d1d01 rgb(45,29,1)
```
#402901
```
#402901 rgb(64,41,1)
```
#543601
```
#543601 rgb(84,54,1)
```
#674202
```
#674202 rgb(103,66,2)
```
#7a4e02
```
#7a4e02 rgb(122,78,2)
```
#8d5b03
```
#8d5b03 rgb(141,91,3)
```
#a16703
```
#a16703 rgb(161,103,3)
```
#b47303
```
#b47303 rgb(180,115,3)
```
#c78004
```
#c78004 rgb(199,128,4)
```
#da8c04
```
#da8c04 rgb(218,140,4)
```
#ee9804
```
#ee9804 rgb(238,152,4)
```

Shade Color Variation

#fba30b
```
#fba30b rgb(251,163,11)
```
#fbaa1e
```
#fbaa1e rgb(251,170,30)
```
#fbb131
```
#fbb131 rgb(251,177,49)
```
#fcb945
```
#fcb945 rgb(252,185,69)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```
#fcc76b
```
#fcc76b rgb(252,199,107)
```
#fdcf7f
```
#fdcf7f rgb(253,207,127)
```
#fdd692
```
#fdd692 rgb(253,214,146)
```
#fddda5
```
#fddda5 rgb(253,221,165)
```
#fee4b8
```
#fee4b8 rgb(254,228,184)
```
#feeccc
```
#feeccc rgb(254,236,204)
```
#fef3df
```
#fef3df rgb(254,243,223)
```
#fffaf2
```
#fffaf2 rgb(255,250,242)
```

Tint Color Variation

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

#aeaba6
```
#aeaba6 rgb(174,171,166)
```
#b4ada0
```
#b4ada0 rgb(180,173,160)
```
#bbae99
```
#bbae99 rgb(187,174,153)
```
#c1b093
```
#c1b093 rgb(193,176,147)
```
#c8b28c
```
#c8b28c rgb(200,178,140)
```
#ceb486
```
#ceb486 rgb(206,180,134)
```
#d5b57f
```
#d5b57f rgb(213,181,127)
```
#dbb779
```
#dbb779 rgb(219,183,121)
```
#e2b972
```
#e2b972 rgb(226,185,114)
```
#e8bb6c
```
#e8bb6c rgb(232,187,108)
```
#efbc65
```
#efbc65 rgb(239,188,101)
```
#f5be5f
```
#f5be5f rgb(245,190,95)
```
#fcc058
```
#fcc058 rgb(252,192,88)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#d1c5b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2cd63 Protanopia 1% of men
#fbc360 Deuteranopia 1% of men
#ffbac5 Tritanopia 0.001% of the population

Trichromacy

#ebc85f Protanomaly 1% of men, 0.01% of women
#fbc25d Deuteranomaly 6% of men, 0.4% of women
#fdbc9d Tritanomaly 0.01% of the population

#fcc058 hex color

#fcc058 Color Information

#fcc058 Color Conversion

Color Schemes with #fcc058

Alternatives to #fcc058

#fcc058 Preview

Shades and Tints of #fcc058

Tones of #fcc058

Color Blindness Simulator