#fdd564 hex color

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

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

● #fdd564 color description : Soft orange.

The hexadecimal color #fdd564 has RGB values of R:253, G:213, B:100 and CMYK values of C:0, M:0.16, Y:0.6, K:0.01. Its decimal value is 16635236.

Hex triplet	fdd564	`#fdd564`
RGB Decimal	253, 213, 100	`rgb(253,213,100)`
RGB Percent	99.2, 83.5, 39.2	`rgb(99.2%,83.5%,39.2%)`
CMYK	0, 16, 60, 1
HSL	44.3°, 97.5, 69.2	`hsl(44.3,97.5%,69.2%)`
HSV (or HSB)	44.3°, 60.5, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.699, 1.441, 59.81
XYZ	66.603, 69.394, 21.942
xyY	0.422, 0.439, 69.394
CIE-LCH	86.699, 59.828, 88.62
CIE-LUV	86.699, 32.928, 72.07
Hunter-Lab	83.303, -3.064, 42.695
Binary	11111101, 11010101, 01100100

#fdd564
```
#fdd564 rgb(253,213,100)
```
#648cfd
```
#648cfd rgb(100,140,253)
```

Complementary Color

#fd8964
```
#fd8964 rgb(253,137,100)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#d9fd64
```
#d9fd64 rgb(217,253,100)
```

Analogous Color

#8964fd
```
#8964fd rgb(137,100,253)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#64d9fd
```
#64d9fd rgb(100,217,253)
```

Split Complementary Color

#d564fd
```
#d564fd rgb(213,100,253)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#64fdd5
```
#64fdd5 rgb(100,253,213)
```

Triadic Color

#fd648c
```
#fd648c rgb(253,100,140)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#64fdd5
```
#64fdd5 rgb(100,253,213)
```
#648cfd
```
#648cfd rgb(100,140,253)
```

Tetradic Color

#fcc118
```
#fcc118 rgb(252,193,24)
```
#fcc732
```
#fcc732 rgb(252,199,50)
```
#fdce4b
```
#fdce4b rgb(253,206,75)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#fddc7d
```
#fddc7d rgb(253,220,125)
```
#fee396
```
#fee396 rgb(254,227,150)
```
#fee9b0
```
#fee9b0 rgb(254,233,176)
```

Monochromatic Color

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

#fdaf64
```
#fdaf64 rgb(253,175,100)
```
#fdbc64
```
#fdbc64 rgb(253,188,100)
```
#fdc864
```
#fdc864 rgb(253,200,100)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#fde264
```
#fde264 rgb(253,226,100)
```
#fdef64
```
#fdef64 rgb(253,239,100)
```
#fdfb64
```
#fdfb64 rgb(253,251,100)
```

Similar Colors

Text with hexadecimal color #fdd564

This text has a font color of #fdd564.

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

#fdd564 background color

This paragraph has a background color of #fdd564.

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

#fdd564 border color

This element has a border color of #fdd564.

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

CSS codes

.text {color:#fdd564;}

.background {background-color:#fdd564;}

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

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

#130e00
```
#130e00 rgb(19,14,0)
```
#271d00
```
#271d00 rgb(39,29,0)
```
#3a2b01
```
#3a2b01 rgb(58,43,1)
```
#4d3901
```
#4d3901 rgb(77,57,1)
```
#614801
```
#614801 rgb(97,72,1)
```
#745601
```
#745601 rgb(116,86,1)
```
#876502
```
#876502 rgb(135,101,2)
```
#9b7302
```
#9b7302 rgb(155,115,2)
```
#ae8102
```
#ae8102 rgb(174,129,2)
```
#c29002
```
#c29002 rgb(194,144,2)
```
#d59e03
```
#d59e03 rgb(213,158,3)
```
#e8ac03
```
#e8ac03 rgb(232,172,3)
```
#fcbb03
```
#fcbb03 rgb(252,187,3)
```

Shade Color Variation

#fcc017
```
#fcc017 rgb(252,192,23)
```
#fcc52a
```
#fcc52a rgb(252,197,42)
```
#fdcb3d
```
#fdcb3d rgb(253,203,61)
```
#fdd051
```
#fdd051 rgb(253,208,81)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```
#fdda77
```
#fdda77 rgb(253,218,119)
```
#fddf8b
```
#fddf8b rgb(253,223,139)
```
#fee59e
```
#fee59e rgb(254,229,158)
```
#feeab1
```
#feeab1 rgb(254,234,177)
```
#feefc5
```
#feefc5 rgb(254,239,197)
```
#fef4d8
```
#fef4d8 rgb(254,244,216)
```
#fffaec
```
#fffaec rgb(255,250,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 #fdd564 is the most saturated one.

#b5b2ac
```
#b5b2ac rgb(181,178,172)
```
#bbb5a6
```
#bbb5a6 rgb(187,181,166)
```
#c1b8a0
```
#c1b8a0 rgb(193,184,160)
```
#c7bb9a
```
#c7bb9a rgb(199,187,154)
```
#cdbe94
```
#cdbe94 rgb(205,190,148)
```
#d3c18e
```
#d3c18e rgb(211,193,142)
```
#d9c488
```
#d9c488 rgb(217,196,136)
```
#dfc782
```
#dfc782 rgb(223,199,130)
```
#e5c97c
```
#e5c97c rgb(229,201,124)
```
#ebcc76
```
#ebcc76 rgb(235,204,118)
```
#f1cf70
```
#f1cf70 rgb(241,207,112)
```
#f7d26a
```
#f7d26a rgb(247,210,106)
```
#fdd564
```
#fdd564 rgb(253,213,100)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#dcd4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1db6d Protanopia 1% of men
#ffd499 Deuteranopia 1% of men
#ffced9 Tritanopia 0.001% of the population

Trichromacy

#f5d869 Protanomaly 1% of men, 0.01% of women
#fed486 Deuteranomaly 6% of men, 0.4% of women
#fed0ae Tritanomaly 0.01% of the population

#fdd564 hex color

#fdd564 Color Information

#fdd564 Color Conversion

Color Schemes with #fdd564

Alternatives to #fdd564

#fdd564 Preview

Shades and Tints of #fdd564

Tones of #fdd564

Color Blindness Simulator