#DEF226 Color

#DEF226 is rgb(222, 242, 38) in RGB and hsl(66, 89%, 55%) in HSL. The closest CSS named color is GreenYellow. Black text is most readable on this background.

#DEF226

HEX#DEF226

RGBrgb(222, 242, 38)

HSLhsl(66, 89%, 55%)

HSVhsv(66, 84%, 95%)

OKLCHoklch(91.5% 0.202 115.8)

CMYKcmyk(8%, 0%, 84%, 5%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #DEF226 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text1.25:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text16.83:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

Colors that pair well with #DEF226 based on color wheel relationships. Click any swatch for its full breakdown.

Base#DEF226 Complementary#3B26F2 Analogous#F2A126 Analogous#78F226 Triadic#26DEF2 Triadic#F226DE

Tints & Shades

Lighter tints and darker shades of #DEF226, useful for hover states, backgrounds, and text variants.

Tints

#E2F443 #E7F660 #EBF77D #F0F99F #F5FBBC #F9FDD8

Shades

#D2E70D #AFC10B #909F09 #727D07 #535C05 #303503

Use #DEF226 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex