#fccc52 hex color

In a RGB color space, hex #fccc52 is composed of 98.8% red, 80% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 67.5% yellow and 1.2% black. It has a hue angle of 43.1 degrees, a saturation of 96.6% and a lightness of 65.5%. #fccc52 color hex could be obtained by blending #ffffa4 with #f99900. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 80
- B 32
RGB color chart
- C 0
- M 19
- Y 67
- K 1
CMYK color chart

● #fccc52 color description : Soft orange.

The hexadecimal color #fccc52 has RGB values of R:252, G:204, B:82 and CMYK values of C:0, M:0.19, Y:0.67, K:0.01. Its decimal value is 16567378.

Hex triplet	fccc52	`#fccc52`
RGB Decimal	252, 204, 82	`rgb(252,204,82)`
RGB Percent	98.8, 80, 32.2	`rgb(98.8%,80%,32.2%)`
CMYK	0, 19, 67, 1
HSL	43.1°, 96.6, 65.5	`hsl(43.1,96.6%,65.5%)`
HSV (or HSB)	43.1°, 67.5, 98.8
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	84.222, 4.562, 64.894
XYZ	63.262, 64.493, 17.099
xyY	0.437, 0.445, 64.493
CIE-LCH	84.222, 65.054, 85.979
CIE-LUV	84.222, 39.458, 74.601
Hunter-Lab	80.308, 0.073, 43.592
Binary	11111100, 11001100, 01010010

#fccc52
```
#fccc52 rgb(252,204,82)
```
#5282fc
```
#5282fc rgb(82,130,252)
```

Complementary Color

#fc7752
```
#fc7752 rgb(252,119,82)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#d7fc52
```
#d7fc52 rgb(215,252,82)
```

Analogous Color

#7752fc
```
#7752fc rgb(119,82,252)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#52d7fc
```
#52d7fc rgb(82,215,252)
```

Split Complementary Color

#cc52fc
```
#cc52fc rgb(204,82,252)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#52fccc
```
#52fccc rgb(82,252,204)
```

Triadic Color

#fc5282
```
#fc5282 rgb(252,82,130)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#52fccc
```
#52fccc rgb(82,252,204)
```
#5282fc
```
#5282fc rgb(82,130,252)
```

Tetradic Color

#fbb607
```
#fbb607 rgb(251,182,7)
```
#fbbd20
```
#fbbd20 rgb(251,189,32)
```
#fcc539
```
#fcc539 rgb(252,197,57)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#fcd36b
```
#fcd36b rgb(252,211,107)
```
#fddb84
```
#fddb84 rgb(253,219,132)
```
#fde29d
```
#fde29d rgb(253,226,157)
```

Monochromatic Color

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

#fca252
```
#fca252 rgb(252,162,82)
```
#fcb052
```
#fcb052 rgb(252,176,82)
```
#fcbe52
```
#fcbe52 rgb(252,190,82)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#fcda52
```
#fcda52 rgb(252,218,82)
```
#fce852
```
#fce852 rgb(252,232,82)
```
#fcf752
```
#fcf752 rgb(252,247,82)
```

Similar Colors

Text with hexadecimal color #fccc52

This text has a font color of #fccc52.

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

#fccc52 background color

This paragraph has a background color of #fccc52.

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

#fccc52 border color

This element has a border color of #fccc52.

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

CSS codes

.text {color:#fccc52;}

.background {background-color:#fccc52;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140e00
```
#140e00 rgb(20,14,0)
```
#271c01
```
#271c01 rgb(39,28,1)
```
#3a2a01
```
#3a2a01 rgb(58,42,1)
```
#4e3801
```
#4e3801 rgb(78,56,1)
```
#614602
```
#614602 rgb(97,70,2)
```
#745402
```
#745402 rgb(116,84,2)
```
#876202
```
#876202 rgb(135,98,2)
```
#9b7003
```
#9b7003 rgb(155,112,3)
```
#ae7e03
```
#ae7e03 rgb(174,126,3)
```
#c18c03
```
#c18c03 rgb(193,140,3)
```
#d59a04
```
#d59a04 rgb(213,154,4)
```
#e8a804
```
#e8a804 rgb(232,168,4)
```

Shade Color Variation

#fbb505
```
#fbb505 rgb(251,181,5)
```
#fbbb18
```
#fbbb18 rgb(251,187,24)
```
#fbc12b
```
#fbc12b rgb(251,193,43)
```
#fcc63f
```
#fcc63f rgb(252,198,63)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```
#fcd265
```
#fcd265 rgb(252,210,101)
```
#fdd779
```
#fdd779 rgb(253,215,121)
```
#fddd8c
```
#fddd8c rgb(253,221,140)
```
#fde39f
```
#fde39f rgb(253,227,159)
```
#fee8b2
```
#fee8b2 rgb(254,232,178)
```
#feeec6
```
#feeec6 rgb(254,238,198)
```
#fef4d9
```
#fef4d9 rgb(254,244,217)
```
#fff9ec
```
#fff9ec rgb(255,249,236)
```

Tint Color Variation

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

#aba9a3
```
#aba9a3 rgb(171,169,163)
```
#b2ac9c
```
#b2ac9c rgb(178,172,156)
```
#b8af96
```
#b8af96 rgb(184,175,150)
```
#bfb18f
```
#bfb18f rgb(191,177,143)
```
#c6b488
```
#c6b488 rgb(198,180,136)
```
#cdb781
```
#cdb781 rgb(205,183,129)
```
#d3ba7b
```
#d3ba7b rgb(211,186,123)
```
#dabd74
```
#dabd74 rgb(218,189,116)
```
#e1c06d
```
#e1c06d rgb(225,192,109)
```
#e8c366
```
#e8c366 rgb(232,195,102)
```
#eec660
```
#eec660 rgb(238,198,96)
```
#f5c959
```
#f5c959 rgb(245,201,89)
```
#fccc52
```
#fccc52 rgb(252,204,82)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#d6ccb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd45c Protanopia 1% of men
#ffcc7a Deuteranopia 1% of men
#ffc5d0 Tritanopia 0.001% of the population

Trichromacy

#f1d158 Protanomaly 1% of men, 0.01% of women
#fdcc6b Deuteranomaly 6% of men, 0.4% of women
#fdc7a2 Tritanomaly 0.01% of the population

#fccc52 hex color

#fccc52 Color Information

#fccc52 Color Conversion

Color Schemes with #fccc52

Alternatives to #fccc52

#fccc52 Preview

Shades and Tints of #fccc52

Tones of #fccc52

Color Blindness Simulator