#fdc52f hex color

In a RGB color space, hex #fdc52f is composed of 99.2% red, 77.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.1% magenta, 81.4% yellow and 0.8% black. It has a hue angle of 43.7 degrees, a saturation of 98.1% and a lightness of 58.8%. #fdc52f color hex could be obtained by blending #ffff5e with #fb8b00. Closest websafe color is: #ffcc33.

♥
- f
- t
- g
- R 99
- G 77
- B 18
RGB color chart
- C 0
- M 22
- Y 81
- K 1
CMYK color chart

● #fdc52f color description : Bright orange.

The hexadecimal color #fdc52f has RGB values of R:253, G:197, B:47 and CMYK values of C:0, M:0.22, Y:0.81, K:0.01. Its decimal value is 16631087.

Hex triplet	fdc52f	`#fdc52f`
RGB Decimal	253, 197, 47	`rgb(253,197,47)`
RGB Percent	99.2, 77.3, 18.4	`rgb(99.2%,77.3%,18.4%)`
CMYK	0, 22, 81, 1
HSL	43.7°, 98.1, 58.8	`hsl(43.7,98.1%,58.8%)`
HSV (or HSB)	43.7°, 81.4, 99.2
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	82.391, 7.16, 75.776
XYZ	60.988, 61.024, 11.256
xyY	0.458, 0.458, 61.024
CIE-LCH	82.391, 76.113, 84.602
CIE-LUV	82.391, 46.777, 80.738
Hunter-Lab	78.118, 2.654, 46.139
Binary	11111101, 11000101, 00101111

#fdc52f
```
#fdc52f rgb(253,197,47)
```
#2f67fd
```
#2f67fd rgb(47,103,253)
```

Complementary Color

#fd5e2f
```
#fd5e2f rgb(253,94,47)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#cefd2f
```
#cefd2f rgb(206,253,47)
```

Analogous Color

#5e2ffd
```
#5e2ffd rgb(94,47,253)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#2fcefd
```
#2fcefd rgb(47,206,253)
```

Split Complementary Color

#c52ffd
```
#c52ffd rgb(197,47,253)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#2ffdc5
```
#2ffdc5 rgb(47,253,197)
```

Triadic Color

#fd2f67
```
#fd2f67 rgb(253,47,103)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#2ffdc5
```
#2ffdc5 rgb(47,253,197)
```
#2f67fd
```
#2f67fd rgb(47,103,253)
```

Tetradic Color

#dda202
```
#dda202 rgb(221,162,2)
```
#f7b402
```
#f7b402 rgb(247,180,2)
```
#fdbe16
```
#fdbe16 rgb(253,190,22)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#fdcc48
```
#fdcc48 rgb(253,204,72)
```
#fdd362
```
#fdd362 rgb(253,211,98)
```
#feda7b
```
#feda7b rgb(254,218,123)
```

Monochromatic Color

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

#fd922f
```
#fd922f rgb(253,146,47)
```
#fda32f
```
#fda32f rgb(253,163,47)
```
#fdb42f
```
#fdb42f rgb(253,180,47)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#fdd62f
```
#fdd62f rgb(253,214,47)
```
#fde72f
```
#fde72f rgb(253,231,47)
```
#fdf92f
```
#fdf92f rgb(253,249,47)
```

Similar Colors

Text with hexadecimal color #fdc52f

This text has a font color of #fdc52f.

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

#fdc52f background color

This paragraph has a background color of #fdc52f.

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

#fdc52f border color

This element has a border color of #fdc52f.

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

CSS codes

.text {color:#fdc52f;}

.background {background-color:#fdc52f;}

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

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 #fffbf1 is the lightest one.

#060400
```
#060400 rgb(6,4,0)
```
#191200
```
#191200 rgb(25,18,0)
```
#2d2100
```
#2d2100 rgb(45,33,0)
```
#402f01
```
#402f01 rgb(64,47,1)
```
#533d01
```
#533d01 rgb(83,61,1)
```
#674b01
```
#674b01 rgb(103,75,1)
```
#7a5901
```
#7a5901 rgb(122,89,1)
```
#8e6801
```
#8e6801 rgb(142,104,1)
```
#a17602
```
#a17602 rgb(161,118,2)
```
#b58402
```
#b58402 rgb(181,132,2)
```
#c89202
```
#c89202 rgb(200,146,2)
```
#dba002
```
#dba002 rgb(219,160,2)
```
#efaf02
```
#efaf02 rgb(239,175,2)
```

Shade Color Variation

#fdba08
```
#fdba08 rgb(253,186,8)
```
#fdc01c
```
#fdc01c rgb(253,192,28)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```
#fdca42
```
#fdca42 rgb(253,202,66)
```
#fdd056
```
#fdd056 rgb(253,208,86)
```
#fed569
```
#fed569 rgb(254,213,105)
```
#fedb7d
```
#fedb7d rgb(254,219,125)
```
#fee090
```
#fee090 rgb(254,224,144)
```
#fee6a4
```
#fee6a4 rgb(254,230,164)
```
#feebb7
```
#feebb7 rgb(254,235,183)
```
#fef0ca
```
#fef0ca rgb(254,240,202)
```
#fff6de
```
#fff6de rgb(255,246,222)
```
#fffbf1
```
#fffbf1 rgb(255,251,241)
```

Tint Color Variation

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

#9c9990
```
#9c9990 rgb(156,153,144)
```
#a49c88
```
#a49c88 rgb(164,156,136)
```
#aca080
```
#aca080 rgb(172,160,128)
```
#b4a478
```
#b4a478 rgb(180,164,120)
```
#bca870
```
#bca870 rgb(188,168,112)
```
#c4ab68
```
#c4ab68 rgb(196,171,104)
```
#cdaf5f
```
#cdaf5f rgb(205,175,95)
```
#d5b357
```
#d5b357 rgb(213,179,87)
```
#ddb64f
```
#ddb64f rgb(221,182,79)
```
#e5ba47
```
#e5ba47 rgb(229,186,71)
```
#edbe3f
```
#edbe3f rgb(237,190,63)
```
#f5c137
```
#f5c137 rgb(245,193,55)
```
#fdc52f
```
#fdc52f rgb(253,197,47)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#d0c5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8cf3b Protanopia 1% of men
#ffc656 Deuteranopia 1% of men
#ffbec9 Tritanopia 0.001% of the population

Trichromacy

#efcb37 Protanomaly 1% of men, 0.01% of women
#fec548 Deuteranomaly 6% of men, 0.4% of women
#fec191 Tritanomaly 0.01% of the population

#fdc52f hex color

#fdc52f Color Information

#fdc52f Color Conversion

Color Schemes with #fdc52f

Alternatives to #fdc52f

#fdc52f Preview

Shades and Tints of #fdc52f

Tones of #fdc52f

Color Blindness Simulator