#ffdf5a hex color

In a RGB color space, hex #ffdf5a is composed of 100% red, 87.5% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.5% magenta, 64.7% yellow and 0% black. It has a hue angle of 48.4 degrees, a saturation of 100% and a lightness of 67.6%. #ffdf5a color hex could be obtained by blending #ffffb4 with #ffbf00. Closest websafe color is: #ffcc66.

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

● #ffdf5a color description : Light yellow.

The hexadecimal color #ffdf5a has RGB values of R:255, G:223, B:90 and CMYK values of C:0, M:0.13, Y:0.65, K:0. Its decimal value is 16768858.

Hex triplet	ffdf5a	`#ffdf5a`
RGB Decimal	255, 223, 90	`rgb(255,223,90)`
RGB Percent	100, 87.5, 35.3	`rgb(100%,87.5%,35.3%)`
CMYK	0, 13, 65, 0
HSL	48.4°, 100, 67.6	`hsl(48.4,100%,67.6%)`
HSV (or HSB)	48.4°, 64.7, 100
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	89.288, -3.428, 67.002
XYZ	69.474, 74.776, 20.446
xyY	0.422, 0.454, 74.776
CIE-LCH	89.288, 67.09, 92.929
CIE-LUV	89.288, 27.905, 80.088
Hunter-Lab	86.473, -7.919, 46.512
Binary	11111111, 11011111, 01011010

#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#5a7aff
```
#5a7aff rgb(90,122,255)
```

Complementary Color

#ff8d5a
```
#ff8d5a rgb(255,141,90)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#cdff5a
```
#cdff5a rgb(205,255,90)
```

Analogous Color

#8d5aff
```
#8d5aff rgb(141,90,255)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#5acdff
```
#5acdff rgb(90,205,255)
```

Split Complementary Color

#df5aff
```
#df5aff rgb(223,90,255)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#5affdf
```
#5affdf rgb(90,255,223)
```

Triadic Color

#ff5a7a
```
#ff5a7a rgb(255,90,122)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#5affdf
```
#5affdf rgb(90,255,223)
```
#5a7aff
```
#5a7aff rgb(90,122,255)
```

Tetradic Color

#ffd00e
```
#ffd00e rgb(255,208,14)
```
#ffd527
```
#ffd527 rgb(255,213,39)
```
#ffda41
```
#ffda41 rgb(255,218,65)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#ffe474
```
#ffe474 rgb(255,228,116)
```
#ffe98d
```
#ffe98d rgb(255,233,141)
```
#ffeea7
```
#ffeea7 rgb(255,238,167)
```

Monochromatic Color

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

#ffb65a
```
#ffb65a rgb(255,182,90)
```
#ffc45a
```
#ffc45a rgb(255,196,90)
```
#ffd15a
```
#ffd15a rgb(255,209,90)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#ffed5a
```
#ffed5a rgb(255,237,90)
```
#fffb5a
```
#fffb5a rgb(255,251,90)
```
#f6ff5a
```
#f6ff5a rgb(246,255,90)
```

Similar Colors

Text with hexadecimal color #ffdf5a

This text has a font color of #ffdf5a.

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

#ffdf5a background color

This paragraph has a background color of #ffdf5a.

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

#ffdf5a border color

This element has a border color of #ffdf5a.

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

CSS codes

.text {color:#ffdf5a;}

.background {background-color:#ffdf5a;}

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

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, #0c0900 is the darkest color, while #fffdf7 is the lightest one.

#0c0900
```
#0c0900 rgb(12,9,0)
```
#1f1900
```
#1f1900 rgb(31,25,0)
```
#332900
```
#332900 rgb(51,41,0)
```
#463900
```
#463900 rgb(70,57,0)
```
#5a4900
```
#5a4900 rgb(90,73,0)
```
#6e5800
```
#6e5800 rgb(110,88,0)
```
#816800
```
#816800 rgb(129,104,0)
```
#957800
```
#957800 rgb(149,120,0)
```
#a88800
```
#a88800 rgb(168,136,0)
```
#bc9800
```
#bc9800 rgb(188,152,0)
```
#d0a700
```
#d0a700 rgb(208,167,0)
```
#e3b700
```
#e3b700 rgb(227,183,0)
```
#f7c700
```
#f7c700 rgb(247,199,0)
```

Shade Color Variation

#ffd00c
```
#ffd00c rgb(255,208,12)
```
#ffd41f
```
#ffd41f rgb(255,212,31)
```
#ffd733
```
#ffd733 rgb(255,215,51)
```
#ffdb46
```
#ffdb46 rgb(255,219,70)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```
#ffe36e
```
#ffe36e rgb(255,227,110)
```
#ffe781
```
#ffe781 rgb(255,231,129)
```
#ffea95
```
#ffea95 rgb(255,234,149)
```
#ffeea8
```
#ffeea8 rgb(255,238,168)
```
#fff2bc
```
#fff2bc rgb(255,242,188)
```
#fff6d0
```
#fff6d0 rgb(255,246,208)
```
#fffae3
```
#fffae3 rgb(255,250,227)
```
#fffdf7
```
#fffdf7 rgb(255,253,247)
```

Tint Color Variation

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

#b3b0a6
```
#b3b0a6 rgb(179,176,166)
```
#b9b4a0
```
#b9b4a0 rgb(185,180,160)
```
#c0b899
```
#c0b899 rgb(192,184,153)
```
#c6bc93
```
#c6bc93 rgb(198,188,147)
```
#ccc08d
```
#ccc08d rgb(204,192,141)
```
#d3c486
```
#d3c486 rgb(211,196,134)
```
#d9c880
```
#d9c880 rgb(217,200,128)
```
#dfcc7a
```
#dfcc7a rgb(223,204,122)
```
#e6cf73
```
#e6cf73 rgb(230,207,115)
```
#ecd36d
```
#ecd36d rgb(236,211,109)
```
#f2d767
```
#f2d767 rgb(242,215,103)
```
#f9db60
```
#f9db60 rgb(249,219,96)
```
#ffdf5a
```
#ffdf5a rgb(255,223,90)
```

Tone Color Variation

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

Dichromacy

#fae263 Protanopia 1% of men
#ffdcb0 Deuteranopia 1% of men
#ffd8e2 Tritanopia 0.001% of the population

Trichromacy

#fce15f Protanomaly 1% of men, 0.01% of women
#ffdd91 Deuteranomaly 6% of men, 0.4% of women
#ffdab0 Tritanomaly 0.01% of the population

#ffdf5a hex color

#ffdf5a Color Information

#ffdf5a Color Conversion

Color Schemes with #ffdf5a

Alternatives to #ffdf5a

#ffdf5a Preview

Shades and Tints of #ffdf5a

Tones of #ffdf5a

Color Blindness Simulator