#fdc564 hex color

In a RGB color space, hex #fdc564 is composed of 99.2% red, 77.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.1% magenta, 60.5% yellow and 0.8% black. It has a hue angle of 38 degrees, a saturation of 97.5% and a lightness of 69.2%. #fdc564 color hex could be obtained by blending #ffffc8 with #fb8b00. Closest websafe color is: #ffcc66.

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

● #fdc564 color description : Soft orange.

The hexadecimal color #fdc564 has RGB values of R:253, G:197, B:100 and CMYK values of C:0, M:0.22, Y:0.6, K:0.01. Its decimal value is 16631140.

Hex triplet	fdc564	`#fdc564`
RGB Decimal	253, 197, 100	`rgb(253,197,100)`
RGB Percent	99.2, 77.3, 39.2	`rgb(99.2%,77.3%,39.2%)`
CMYK	0, 22, 60, 1
HSL	38°, 97.5, 69.2	`hsl(38,97.5%,69.2%)`
HSV (or HSB)	38°, 60.5, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.774, 9.682, 55.362
XYZ	62.775, 61.738, 20.666
xyY	0.432, 0.425, 61.738
CIE-LCH	82.774, 56.202, 80.081
CIE-LUV	82.774, 44.238, 65.018
Hunter-Lab	78.574, 5.106, 39.407
Binary	11111101, 11000101, 01100100

#fdc564
```
#fdc564 rgb(253,197,100)
```
#649cfd
```
#649cfd rgb(100,156,253)
```

Complementary Color

#fd7964
```
#fd7964 rgb(253,121,100)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#e9fd64
```
#e9fd64 rgb(233,253,100)
```

Analogous Color

#7964fd
```
#7964fd rgb(121,100,253)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#64e9fd
```
#64e9fd rgb(100,233,253)
```

Split Complementary Color

#c564fd
```
#c564fd rgb(197,100,253)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#64fdc5
```
#64fdc5 rgb(100,253,197)
```

Triadic Color

#fd649c
```
#fd649c rgb(253,100,156)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#64fdc5
```
#64fdc5 rgb(100,253,197)
```
#649cfd
```
#649cfd rgb(100,156,253)
```

Tetradic Color

#fca918
```
#fca918 rgb(252,169,24)
```
#fcb232
```
#fcb232 rgb(252,178,50)
```
#fdbc4b
```
#fdbc4b rgb(253,188,75)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#fdce7d
```
#fdce7d rgb(253,206,125)
```
#fed896
```
#fed896 rgb(254,216,150)
```
#fee1b0
```
#fee1b0 rgb(254,225,176)
```

Monochromatic Color

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

#fd9f64
```
#fd9f64 rgb(253,159,100)
```
#fdac64
```
#fdac64 rgb(253,172,100)
```
#fdb864
```
#fdb864 rgb(253,184,100)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#fdd264
```
#fdd264 rgb(253,210,100)
```
#fddf64
```
#fddf64 rgb(253,223,100)
```
#fdeb64
```
#fdeb64 rgb(253,235,100)
```

Similar Colors

Text with hexadecimal color #fdc564

This text has a font color of #fdc564.

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

#fdc564 background color

This paragraph has a background color of #fdc564.

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

#fdc564 border color

This element has a border color of #fdc564.

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

CSS codes

.text {color:#fdc564;}

.background {background-color:#fdc564;}

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

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

#130c00
```
#130c00 rgb(19,12,0)
```
#271900
```
#271900 rgb(39,25,0)
```
#3a2501
```
#3a2501 rgb(58,37,1)
```
#4d3101
```
#4d3101 rgb(77,49,1)
```
#613e01
```
#613e01 rgb(97,62,1)
```
#744a01
```
#744a01 rgb(116,74,1)
```
#875702
```
#875702 rgb(135,87,2)
```
#9b6302
```
#9b6302 rgb(155,99,2)
```
#ae6f02
```
#ae6f02 rgb(174,111,2)
```
#c27c02
```
#c27c02 rgb(194,124,2)
```
#d58803
```
#d58803 rgb(213,136,3)
```
#e89403
```
#e89403 rgb(232,148,3)
```
#fca103
```
#fca103 rgb(252,161,3)
```

Shade Color Variation

#fca817
```
#fca817 rgb(252,168,23)
```
#fcaf2a
```
#fcaf2a rgb(252,175,42)
```
#fdb73d
```
#fdb73d rgb(253,183,61)
```
#fdbe51
```
#fdbe51 rgb(253,190,81)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```
#fdcc77
```
#fdcc77 rgb(253,204,119)
```
#fdd38b
```
#fdd38b rgb(253,211,139)
```
#fedb9e
```
#fedb9e rgb(254,219,158)
```
#fee2b1
```
#fee2b1 rgb(254,226,177)
```
#fee9c5
```
#fee9c5 rgb(254,233,197)
```
#fef0d8
```
#fef0d8 rgb(254,240,216)
```
#fff8ec
```
#fff8ec rgb(255,248,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#b5b2ac
```
#b5b2ac rgb(181,178,172)
```
#bbb3a6
```
#bbb3a6 rgb(187,179,166)
```
#c1b5a0
```
#c1b5a0 rgb(193,181,160)
```
#c7b69a
```
#c7b69a rgb(199,182,154)
```
#cdb894
```
#cdb894 rgb(205,184,148)
```
#d3ba8e
```
#d3ba8e rgb(211,186,142)
```
#d9bb88
```
#d9bb88 rgb(217,187,136)
```
#dfbd82
```
#dfbd82 rgb(223,189,130)
```
#e5bf7c
```
#e5bf7c rgb(229,191,124)
```
#ebc076
```
#ebc076 rgb(235,192,118)
```
#f1c270
```
#f1c270 rgb(241,194,112)
```
#f7c36a
```
#f7c36a rgb(247,195,106)
```
#fdc564
```
#fdc564 rgb(253,197,100)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#d5cab6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5d06e Protanopia 1% of men
#fec76c Deuteranopia 1% of men
#ffc0cb Tritanopia 0.001% of the population

Trichromacy

#eecc6a Protanomaly 1% of men, 0.01% of women
#fec669 Deuteranomaly 6% of men, 0.4% of women
#fec1a5 Tritanomaly 0.01% of the population

#fdc564 hex color

#fdc564 Color Information

#fdc564 Color Conversion

Color Schemes with #fdc564

Alternatives to #fdc564

#fdc564 Preview

Shades and Tints of #fdc564

Tones of #fdc564

Color Blindness Simulator