#ffdd5f hex color

In a RGB color space, hex #ffdd5f is composed of 100% red, 86.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.3% magenta, 62.7% yellow and 0% black. It has a hue angle of 47.3 degrees, a saturation of 100% and a lightness of 68.6%. #ffdd5f color hex could be obtained by blending #ffffbe with #ffbb00. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 100
- G 87
- B 37
RGB color chart
- C 0
- M 13
- Y 63
- K 0
CMYK color chart

● #ffdd5f color description : Light yellow.

The hexadecimal color #ffdd5f has RGB values of R:255, G:221, B:95 and CMYK values of C:0, M:0.13, Y:0.63, K:0. Its decimal value is 16768351.

Hex triplet	ffdd5f	`#ffdd5f`
RGB Decimal	255, 221, 95	`rgb(255,221,95)`
RGB Percent	100, 86.7, 37.3	`rgb(100%,86.7%,37.3%)`
CMYK	0, 13, 63, 0
HSL	47.3°, 100, 68.6	`hsl(47.3,100%,68.6%)`
HSV (or HSB)	47.3°, 62.7, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	88.829, -2.122, 64.406
XYZ	69.162, 73.802, 21.428
xyY	0.421, 0.449, 73.802
CIE-LCH	88.829, 64.441, 91.887
CIE-LUV	88.829, 29.078, 77.505
Hunter-Lab	85.908, -6.632, 45.347
Binary	11111111, 11011101, 01011111

#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#5f81ff
```
#5f81ff rgb(95,129,255)
```

Complementary Color

#ff8d5f
```
#ff8d5f rgb(255,141,95)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#d1ff5f
```
#d1ff5f rgb(209,255,95)
```

Analogous Color

#8d5fff
```
#8d5fff rgb(141,95,255)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#5fd1ff
```
#5fd1ff rgb(95,209,255)
```

Split Complementary Color

#dd5fff
```
#dd5fff rgb(221,95,255)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#5fffdd
```
#5fffdd rgb(95,255,221)
```

Triadic Color

#ff5f81
```
#ff5f81 rgb(255,95,129)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#5fffdd
```
#5fffdd rgb(95,255,221)
```
#5f81ff
```
#5f81ff rgb(95,129,255)
```

Tetradic Color

#ffcd13
```
#ffcd13 rgb(255,205,19)
```
#ffd22c
```
#ffd22c rgb(255,210,44)
```
#ffd846
```
#ffd846 rgb(255,216,70)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#ffe279
```
#ffe279 rgb(255,226,121)
```
#ffe892
```
#ffe892 rgb(255,232,146)
```
#ffedac
```
#ffedac rgb(255,237,172)
```

Monochromatic Color

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

#ffb55f
```
#ffb55f rgb(255,181,95)
```
#ffc25f
```
#ffc25f rgb(255,194,95)
```
#ffd05f
```
#ffd05f rgb(255,208,95)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#ffea5f
```
#ffea5f rgb(255,234,95)
```
#fff85f
```
#fff85f rgb(255,248,95)
```
#f9ff5f
```
#f9ff5f rgb(249,255,95)
```

Similar Colors

Text with hexadecimal color #ffdd5f

This text has a font color of #ffdd5f.

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

#ffdd5f background color

This paragraph has a background color of #ffdd5f.

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

#ffdd5f border color

This element has a border color of #ffdd5f.

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

CSS codes

.text {color:#ffdd5f;}

.background {background-color:#ffdd5f;}

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

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, #110d00 is the darkest color, while #fffefc is the lightest one.

#110d00
```
#110d00 rgb(17,13,0)
```
#241c00
```
#241c00 rgb(36,28,0)
```
#382c00
```
#382c00 rgb(56,44,0)
```
#4b3b00
```
#4b3b00 rgb(75,59,0)
```
#5f4b00
```
#5f4b00 rgb(95,75,0)
```
#735a00
```
#735a00 rgb(115,90,0)
```
#866a00
```
#866a00 rgb(134,106,0)
```
#9a7900
```
#9a7900 rgb(154,121,0)
```
#ad8900
```
#ad8900 rgb(173,137,0)
```
#c19800
```
#c19800 rgb(193,152,0)
```
#d5a700
```
#d5a700 rgb(213,167,0)
```
#e8b700
```
#e8b700 rgb(232,183,0)
```
#fcc600
```
#fcc600 rgb(252,198,0)
```

Shade Color Variation

#ffcc11
```
#ffcc11 rgb(255,204,17)
```
#ffd024
```
#ffd024 rgb(255,208,36)
```
#ffd538
```
#ffd538 rgb(255,213,56)
```
#ffd94b
```
#ffd94b rgb(255,217,75)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```
#ffe173
```
#ffe173 rgb(255,225,115)
```
#ffe586
```
#ffe586 rgb(255,229,134)
```
#ffea9a
```
#ffea9a rgb(255,234,154)
```
#ffeead
```
#ffeead rgb(255,238,173)
```
#fff2c1
```
#fff2c1 rgb(255,242,193)
```
#fff6d5
```
#fff6d5 rgb(255,246,213)
```
#fffae8
```
#fffae8 rgb(255,250,232)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#b5b3a9
```
#b5b3a9 rgb(181,179,169)
```
#bbb6a3
```
#bbb6a3 rgb(187,182,163)
```
#c1ba9d
```
#c1ba9d rgb(193,186,157)
```
#c8bd96
```
#c8bd96 rgb(200,189,150)
```
#cec190
```
#cec190 rgb(206,193,144)
```
#d4c48a
```
#d4c48a rgb(212,196,138)
```
#dac884
```
#dac884 rgb(218,200,132)
```
#e0cb7e
```
#e0cb7e rgb(224,203,126)
```
#e6cf78
```
#e6cf78 rgb(230,207,120)
```
#edd271
```
#edd271 rgb(237,210,113)
```
#f3d66b
```
#f3d66b rgb(243,214,107)
```
#f9d965
```
#f9d965 rgb(249,217,101)
```
#ffdd5f
```
#ffdd5f rgb(255,221,95)
```

Tone Color Variation

Below, you can see how #ffdd5f 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
#e1dac1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e067 Protanopia 1% of men
#ffdbad Deuteranopia 1% of men
#ffd6e0 Tritanopia 0.001% of the population

Trichromacy

#fadf64 Protanomaly 1% of men, 0.01% of women
#ffdb90 Deuteranomaly 6% of men, 0.4% of women
#ffd8b1 Tritanomaly 0.01% of the population

#ffdd5f hex color

#ffdd5f Color Information

#ffdd5f Color Conversion

Color Schemes with #ffdd5f

Alternatives to #ffdd5f

#ffdd5f Preview

Shades and Tints of #ffdd5f

Tones of #ffdd5f

Color Blindness Simulator