#F0F4C3

Material lime 100

#F0F4C3 is a yellow colour. In RGB it is 240 red, 244 green and 195 blue, which converts to a hue of 65 degrees, 69% saturation and 86% lightness. It is Material lime 100 in that design system's palette.

Color values

HEX#F0F4C3
RGBrgb(240, 244, 195)
HSLhsl(65, 69%, 86%)
HSVhsv(65, 20%, 96%)
CMYKcmyk(2%, 0%, 20%, 4%)

Contrast and accessibility

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

BackgroundRatioNormal textLarge text
White1.14:1FailFail
Black18.43:1AAAAAA

Tints and shades

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

Tints

Shades

Color harmonies

Complementary

Analogous

Triadic

Split complementary

Code

CSScolor: #F0F4C3;
CSS rgb()color: rgb(240 244 195);
Tailwindbg-[#f0f4c3]
SwiftUIColor(red: 0.941, green: 0.957, blue: 0.765)
AndroidColor.parseColor("#F0F4C3")

Closest named color

The nearest CSS colour keyword to #F0F4C3 is lightgoldenrodyellow (#FAFAD2).

Related tools