#fddd68 hex color

In a RGB color space, hex #fddd68 is composed of 99.2% red, 86.7% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.6% magenta, 58.9% yellow and 0.8% black. It has a hue angle of 47.1 degrees, a saturation of 97.4% and a lightness of 70%. #fddd68 color hex could be obtained by blending #ffffd0 with #fbbb00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 87
- B 41
RGB color chart
- C 0
- M 13
- Y 59
- K 1
CMYK color chart

● #fddd68 color description : Soft yellow.

The hexadecimal color #fddd68 has RGB values of R:253, G:221, B:104 and CMYK values of C:0, M:0.13, Y:0.59, K:0.01. Its decimal value is 16637288.

Hex triplet	fddd68	`#fddd68`
RGB Decimal	253, 221, 104	`rgb(253,221,104)`
RGB Percent	99.2, 86.7, 40.8	`rgb(99.2%,86.7%,40.8%)`
CMYK	0, 13, 59, 1
HSL	47.1°, 97.4, 70	`hsl(47.1,97.4%,70%)`
HSV (or HSB)	47.1°, 58.9, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.732, -2.354, 60.308
XYZ	68.863, 73.597, 23.674
xyY	0.415, 0.443, 73.597
CIE-LCH	88.732, 60.354, 92.235
CIE-LUV	88.732, 27.239, 74.039
Hunter-Lab	85.789, -6.847, 43.69
Binary	11111101, 11011101, 01101000

#fddd68
```
#fddd68 rgb(253,221,104)
```
#6888fd
```
#6888fd rgb(104,136,253)
```

Complementary Color

#fd9368
```
#fd9368 rgb(253,147,104)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#d3fd68
```
#d3fd68 rgb(211,253,104)
```

Analogous Color

#9368fd
```
#9368fd rgb(147,104,253)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#68d3fd
```
#68d3fd rgb(104,211,253)
```

Split Complementary Color

#dd68fd
```
#dd68fd rgb(221,104,253)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#68fddd
```
#68fddd rgb(104,253,221)
```

Triadic Color

#fd6888
```
#fd6888 rgb(253,104,136)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#68fddd
```
#68fddd rgb(104,253,221)
```
#6888fd
```
#6888fd rgb(104,136,253)
```

Tetradic Color

#fccc1d
```
#fccc1d rgb(252,204,29)
```
#fcd236
```
#fcd236 rgb(252,210,54)
```
#fdd74f
```
#fdd74f rgb(253,215,79)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#fde381
```
#fde381 rgb(253,227,129)
```
#fee89a
```
#fee89a rgb(254,232,154)
```
#feeeb4
```
#feeeb4 rgb(254,238,180)
```

Monochromatic Color

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

#fdb868
```
#fdb868 rgb(253,184,104)
```
#fdc468
```
#fdc468 rgb(253,196,104)
```
#fdd168
```
#fdd168 rgb(253,209,104)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#fde968
```
#fde968 rgb(253,233,104)
```
#fdf668
```
#fdf668 rgb(253,246,104)
```
#f8fd68
```
#f8fd68 rgb(248,253,104)
```

Similar Colors

Text with hexadecimal color #fddd68

This text has a font color of #fddd68.

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

#fddd68 background color

This paragraph has a background color of #fddd68.

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

#fddd68 border color

This element has a border color of #fddd68.

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

CSS codes

.text {color:#fddd68;}

.background {background-color:#fddd68;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#171200
```
#171200 rgb(23,18,0)
```
#2b2201
```
#2b2201 rgb(43,34,1)
```
#3e3101
```
#3e3101 rgb(62,49,1)
```
#514001
```
#514001 rgb(81,64,1)
```
#654f01
```
#654f01 rgb(101,79,1)
```
#785f02
```
#785f02 rgb(120,95,2)
```
#8b6e02
```
#8b6e02 rgb(139,110,2)
```
#9f7d02
```
#9f7d02 rgb(159,125,2)
```
#b28c02
```
#b28c02 rgb(178,140,2)
```
#c59c03
```
#c59c03 rgb(197,156,3)
```
#d9ab03
```
#d9ab03 rgb(217,171,3)
```
#ecba03
```
#ecba03 rgb(236,186,3)
```

Shade Color Variation

#fcc707
```
#fcc707 rgb(252,199,7)
```
#fccc1b
```
#fccc1b rgb(252,204,27)
```
#fcd02e
```
#fcd02e rgb(252,208,46)
```
#fcd441
```
#fcd441 rgb(252,212,65)
```
#fdd955
```
#fdd955 rgb(253,217,85)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```
#fde17b
```
#fde17b rgb(253,225,123)
```
#fee68f
```
#fee68f rgb(254,230,143)
```
#feeaa2
```
#feeaa2 rgb(254,234,162)
```
#feeeb5
```
#feeeb5 rgb(254,238,181)
```
#fef3c9
```
#fef3c9 rgb(254,243,201)
```
#fff7dc
```
#fff7dc rgb(255,247,220)
```
#fffcf0
```
#fffcf0 rgb(255,252,240)
```

Tint Color Variation

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

#b6b5af
```
#b6b5af rgb(182,181,175)
```
#bcb8a9
```
#bcb8a9 rgb(188,184,169)
```
#c2bba3
```
#c2bba3 rgb(194,187,163)
```
#c8bf9d
```
#c8bf9d rgb(200,191,157)
```
#cec297
```
#cec297 rgb(206,194,151)
```
#d4c691
```
#d4c691 rgb(212,198,145)
```
#dac98b
```
#dac98b rgb(218,201,139)
```
#e0cc85
```
#e0cc85 rgb(224,204,133)
```
#e5d080
```
#e5d080 rgb(229,208,128)
```
#ebd37a
```
#ebd37a rgb(235,211,122)
```
#f1d674
```
#f1d674 rgb(241,214,116)
```
#f7da6e
```
#f7da6e rgb(247,218,110)
```
#fddd68
```
#fddd68 rgb(253,221,104)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#e0dac2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e070 Protanopia 1% of men
#ffdaad Deuteranopia 1% of men
#ffd6e0 Tritanopia 0.001% of the population

Trichromacy

#f9df6d Protanomaly 1% of men, 0.01% of women
#fedb93 Deuteranomaly 6% of men, 0.4% of women
#fed8b4 Tritanomaly 0.01% of the population

#fddd68 hex color

#fddd68 Color Information

#fddd68 Color Conversion

Color Schemes with #fddd68

Alternatives to #fddd68

#fddd68 Preview

Shades and Tints of #fddd68

Tones of #fddd68

Color Blindness Simulator