#fdd664 hex color

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

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

● #fdd664 color description : Soft orange.

The hexadecimal color #fdd664 has RGB values of R:253, G:214, B:100 and CMYK values of C:0, M:0.15, Y:0.6, K:0.01. Its decimal value is 16635492.

Hex triplet	fdd664	`#fdd664`
RGB Decimal	253, 214, 100	`rgb(253,214,100)`
RGB Percent	99.2, 83.9, 39.2	`rgb(99.2%,83.9%,39.2%)`
CMYK	0, 15, 60, 1
HSL	44.7°, 97.5, 69.2	`hsl(44.7,97.5%,69.2%)`
HSV (or HSB)	44.7°, 60.5, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.947, 0.931, 60.089
XYZ	66.855, 69.898, 22.026
xyY	0.421, 0.44, 69.898
CIE-LCH	86.947, 60.096, 89.112
CIE-LUV	86.947, 32.234, 72.51
Hunter-Lab	83.605, -3.571, 42.903
Binary	11111101, 11010110, 01100100

#fdd664
```
#fdd664 rgb(253,214,100)
```
#648bfd
```
#648bfd rgb(100,139,253)
```

Complementary Color

#fd8a64
```
#fd8a64 rgb(253,138,100)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#d8fd64
```
#d8fd64 rgb(216,253,100)
```

Analogous Color

#8a64fd
```
#8a64fd rgb(138,100,253)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#64d8fd
```
#64d8fd rgb(100,216,253)
```

Split Complementary Color

#d664fd
```
#d664fd rgb(214,100,253)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#64fdd6
```
#64fdd6 rgb(100,253,214)
```

Triadic Color

#fd648b
```
#fd648b rgb(253,100,139)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#64fdd6
```
#64fdd6 rgb(100,253,214)
```
#648bfd
```
#648bfd rgb(100,139,253)
```

Tetradic Color

#fcc218
```
#fcc218 rgb(252,194,24)
```
#fcc932
```
#fcc932 rgb(252,201,50)
```
#fdcf4b
```
#fdcf4b rgb(253,207,75)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#fddd7d
```
#fddd7d rgb(253,221,125)
```
#fee396
```
#fee396 rgb(254,227,150)
```
#feeab0
```
#feeab0 rgb(254,234,176)
```

Monochromatic Color

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

#fdb064
```
#fdb064 rgb(253,176,100)
```
#fdbd64
```
#fdbd64 rgb(253,189,100)
```
#fdc964
```
#fdc964 rgb(253,201,100)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#fde364
```
#fde364 rgb(253,227,100)
```
#fdf064
```
#fdf064 rgb(253,240,100)
```
#fdfc64
```
#fdfc64 rgb(253,252,100)
```

Similar Colors

Text with hexadecimal color #fdd664

This text has a font color of #fdd664.

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

#fdd664 background color

This paragraph has a background color of #fdd664.

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

#fdd664 border color

This element has a border color of #fdd664.

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

CSS codes

.text {color:#fdd664;}

.background {background-color:#fdd664;}

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

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)
```
#4d3a01
```
#4d3a01 rgb(77,58,1)
```
#614801
```
#614801 rgb(97,72,1)
```
#745701
```
#745701 rgb(116,87,1)
```
#876502
```
#876502 rgb(135,101,2)
```
#9b7402
```
#9b7402 rgb(155,116,2)
```
#ae8202
```
#ae8202 rgb(174,130,2)
```
#c29102
```
#c29102 rgb(194,145,2)
```
#d59f03
```
#d59f03 rgb(213,159,3)
```
#e8ae03
```
#e8ae03 rgb(232,174,3)
```
#fcbc03
```
#fcbc03 rgb(252,188,3)
```

Shade Color Variation

#fcc217
```
#fcc217 rgb(252,194,23)
```
#fcc72a
```
#fcc72a rgb(252,199,42)
```
#fdcc3d
```
#fdcc3d rgb(253,204,61)
```
#fdd151
```
#fdd151 rgb(253,209,81)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```
#fddb77
```
#fddb77 rgb(253,219,119)
```
#fde08b
```
#fde08b rgb(253,224,139)
```
#fee59e
```
#fee59e rgb(254,229,158)
```
#feeab1
```
#feeab1 rgb(254,234,177)
```
#fef0c5
```
#fef0c5 rgb(254,240,197)
```
#fef5d8
```
#fef5d8 rgb(254,245,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 #fdd664 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)
```
#e5ca7c
```
#e5ca7c rgb(229,202,124)
```
#ebcd76
```
#ebcd76 rgb(235,205,118)
```
#f1d070
```
#f1d070 rgb(241,208,112)
```
#f7d36a
```
#f7d36a rgb(247,211,106)
```
#fdd664
```
#fdd664 rgb(253,214,100)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#ddd5be Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db6d Protanopia 1% of men
#ffd49c Deuteranopia 1% of men
#ffcfda Tritanopia 0.001% of the population

Trichromacy

#f6d969 Protanomaly 1% of men, 0.01% of women
#fed587 Deuteranomaly 6% of men, 0.4% of women
#fed1af Tritanomaly 0.01% of the population

#fdd664 hex color

#fdd664 Color Information

#fdd664 Color Conversion

Color Schemes with #fdd664

Alternatives to #fdd664

#fdd664 Preview

Shades and Tints of #fdd664

Tones of #fdd664

Color Blindness Simulator