#fdd965 hex color

In a RGB color space, hex #fdd965 is composed of 99.2% red, 85.1% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 60.1% yellow and 0.8% black. It has a hue angle of 45.8 degrees, a saturation of 97.4% and a lightness of 69.4%. #fdd965 color hex could be obtained by blending #ffffca with #fbb300. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 85
- B 40
RGB color chart
- C 0
- M 14
- Y 60
- K 1
CMYK color chart

● #fdd965 color description : Soft yellow.

The hexadecimal color #fdd965 has RGB values of R:253, G:217, B:101 and CMYK values of C:0, M:0.14, Y:0.6, K:0.01. Its decimal value is 16636261.

Hex triplet	fdd965	`#fdd965`
RGB Decimal	253, 217, 101	`rgb(253,217,101)`
RGB Percent	99.2, 85.1, 39.6	`rgb(99.2%,85.1%,39.6%)`
CMYK	0, 14, 60, 1
HSL	45.8°, 97.4, 69.4	`hsl(45.8,97.4%,69.4%)`
HSV (or HSB)	45.8°, 60.1, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	87.703, -0.53, 60.49
XYZ	67.67, 71.45, 22.538
xyY	0.419, 0.442, 71.45
CIE-LCH	87.703, 60.493, 90.502
CIE-LUV	87.703, 30.114, 73.443
Hunter-Lab	84.528, -5.024, 43.361
Binary	11111101, 11011001, 01100101

#fdd965
```
#fdd965 rgb(253,217,101)
```
#6589fd
```
#6589fd rgb(101,137,253)
```

Complementary Color

#fd8d65
```
#fd8d65 rgb(253,141,101)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#d5fd65
```
#d5fd65 rgb(213,253,101)
```

Analogous Color

#8d65fd
```
#8d65fd rgb(141,101,253)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#65d5fd
```
#65d5fd rgb(101,213,253)
```

Split Complementary Color

#d965fd
```
#d965fd rgb(217,101,253)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#65fdd9
```
#65fdd9 rgb(101,253,217)
```

Triadic Color

#fd6589
```
#fd6589 rgb(253,101,137)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#65fdd9
```
#65fdd9 rgb(101,253,217)
```
#6589fd
```
#6589fd rgb(101,137,253)
```

Tetradic Color

#fcc619
```
#fcc619 rgb(252,198,25)
```
#fccd33
```
#fccd33 rgb(252,205,51)
```
#fdd34c
```
#fdd34c rgb(253,211,76)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#fddf7e
```
#fddf7e rgb(253,223,126)
```
#fee597
```
#fee597 rgb(254,229,151)
```
#feecb1
```
#feecb1 rgb(254,236,177)
```

Monochromatic Color

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

#fdb365
```
#fdb365 rgb(253,179,101)
```
#fdc065
```
#fdc065 rgb(253,192,101)
```
#fdcc65
```
#fdcc65 rgb(253,204,101)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#fde665
```
#fde665 rgb(253,230,101)
```
#fdf265
```
#fdf265 rgb(253,242,101)
```
#fbfd65
```
#fbfd65 rgb(251,253,101)
```

Similar Colors

Text with hexadecimal color #fdd965

This text has a font color of #fdd965.

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

#fdd965 background color

This paragraph has a background color of #fdd965.

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

#fdd965 border color

This element has a border color of #fdd965.

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

CSS codes

.text {color:#fdd965;}

.background {background-color:#fdd965;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#141000
```
#141000 rgb(20,16,0)
```
#281e01
```
#281e01 rgb(40,30,1)
```
#3b2d01
```
#3b2d01 rgb(59,45,1)
```
#4e3c01
```
#4e3c01 rgb(78,60,1)
```
#624b01
```
#624b01 rgb(98,75,1)
```
#755a02
```
#755a02 rgb(117,90,2)
```
#886902
```
#886902 rgb(136,105,2)
```
#9c7702
```
#9c7702 rgb(156,119,2)
```
#af8602
```
#af8602 rgb(175,134,2)
```
#c39503
```
#c39503 rgb(195,149,3)
```
#d6a403
```
#d6a403 rgb(214,164,3)
```
#e9b303
```
#e9b303 rgb(233,179,3)
```

Shade Color Variation

#fcc104
```
#fcc104 rgb(252,193,4)
```
#fcc618
```
#fcc618 rgb(252,198,24)
```
#fccb2b
```
#fccb2b rgb(252,203,43)
```
#fccf3e
```
#fccf3e rgb(252,207,62)
```
#fdd452
```
#fdd452 rgb(253,212,82)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```
#fdde78
```
#fdde78 rgb(253,222,120)
```
#fee38c
```
#fee38c rgb(254,227,140)
```
#fee79f
```
#fee79f rgb(254,231,159)
```
#feecb2
```
#feecb2 rgb(254,236,178)
```
#fef1c6
```
#fef1c6 rgb(254,241,198)
```
#fff6d9
```
#fff6d9 rgb(255,246,217)
```
#fffaed
```
#fffaed rgb(255,250,237)
```

Tint Color Variation

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

#b5b3ad
```
#b5b3ad rgb(181,179,173)
```
#bbb6a7
```
#bbb6a7 rgb(187,182,167)
```
#c1b9a1
```
#c1b9a1 rgb(193,185,161)
```
#c7bd9b
```
#c7bd9b rgb(199,189,155)
```
#cdc095
```
#cdc095 rgb(205,192,149)
```
#d3c38f
```
#d3c38f rgb(211,195,143)
```
#d9c689
```
#d9c689 rgb(217,198,137)
```
#dfc983
```
#dfc983 rgb(223,201,131)
```
#e5cc7d
```
#e5cc7d rgb(229,204,125)
```
#ebd077
```
#ebd077 rgb(235,208,119)
```
#f1d371
```
#f1d371 rgb(241,211,113)
```
#f7d66b
```
#f7d66b rgb(247,214,107)
```
#fdd965
```
#fdd965 rgb(253,217,101)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#dfd7c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f4dd6d Protanopia 1% of men
#ffd7a3 Deuteranopia 1% of men
#ffd2dd Tritanopia 0.001% of the population

Trichromacy

#f7dc6a Protanomaly 1% of men, 0.01% of women
#fed78c Deuteranomaly 6% of men, 0.4% of women
#fed4b1 Tritanomaly 0.01% of the population

#fdd965 hex color

#fdd965 Color Information

#fdd965 Color Conversion

Color Schemes with #fdd965

Alternatives to #fdd965

#fdd965 Preview

Shades and Tints of #fdd965

Tones of #fdd965

Color Blindness Simulator