#D4E157

Material lime 400

#D4E157 is a yellow colour. In RGB it is 212 red, 225 green and 87 blue, which converts to a hue of 66 degrees, 70% saturation and 61% lightness. It is Material lime 400 in that design system's palette.

Color values

HEX	#D4E157
RGB	rgb(212, 225, 87)
HSL	hsl(66, 70%, 61%)
HSV	hsv(66, 61%, 88%)
CMYK	cmyk(6%, 0%, 61%, 12%)

Contrast and accessibility

Against white the contrast ratio is 1.43:1, and against black it is 14.71: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.43:1	Fail	Fail
Black	14.71:1	AAA	AAA

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

#6456E1

Analogous

Triadic

Split complementary

Code

CSS	color: #D4E157;
CSS rgb()	color: rgb(212 225 87);
Tailwind	bg-[#d4e157]
SwiftUI	Color(red: 0.831, green: 0.882, blue: 0.341)
Android	Color.parseColor("#D4E157")

Closest named color

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