#FFD54F

Material amber 300

#FFD54F is a yellow colour. In RGB it is 255 red, 213 green and 79 blue, which converts to a hue of 46 degrees, 100% saturation and 65% lightness. It is Material amber 300 in that design system's palette.

Color values

HEX	#FFD54F
RGB	rgb(255, 213, 79)
HSL	hsl(46, 100%, 65%)
HSV	hsv(46, 69%, 100%)
CMYK	cmyk(0%, 16%, 69%, 0%)

Contrast and accessibility

Against white the contrast ratio is 1.41:1, and against black it is 14.88:1. WCAG asks for at least 4.5:1 for normal text and 3:1 for large text.

Background	Ratio	Normal text	Large text
White	1.41:1	Fail	Fail
Black	14.88:1	AAA	AAA

Tints and shades

Lighter tints move #FFD54F toward white, and darker shades move it toward black.

Tints

Shades

Color harmonies

Complementary

#4D76FF

Analogous

Triadic

Split complementary

Code

CSS	color: #FFD54F;
CSS rgb()	color: rgb(255 213 79);
Tailwind	bg-[#ffd54f]
SwiftUI	Color(red: 1.000, green: 0.835, blue: 0.310)
Android	Color.parseColor("#FFD54F")

Closest named color

The nearest CSS colour keyword to #FFD54F is khaki (#F0E68C).