#DEF14C

Color Details

HEX
#DEF14C
RGB
rgb(222, 241, 76)
HSL
hsl(67, 85%, 62%)
CMYK
cmyk(8%, 0%, 68%, 5%)
Best text on this color #000000 (CR 16.79:1) Determined by WCAG contrast ratio

Readability Previews

Black on #def14c
Contrast 16.79:1 AAA
White on #def14c
Contrast 1.25:1 Fail
#def14c on Black
Contrast 16.79:1 AAA
#def14c on White
Contrast 1.25:1 Fail

Tints & Shades

#e5f470
#ebf794
#f2f9b7
#b2c13d
#85912e
#59601e

Complement & Analogous

#5f4cf0
#8bf04c
#f0b14c

Triadic

#4cddf0
#f04cdd

Monochrome

#59601e #85912e #def14c #ebf794 #f2f9b7 #f8fcdb

Analogous

#f0b14c #f5c882 #def14c #a2f370 #8bf04c #6fc03d

Complementary Mix

#85912e #def14c #ebf794 #5f4cf0 #978bf5 #3e319c

Nearby Colors

#def14b
#def14d
#def13c
#def15c

Embed #DEF14C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #DEF14C

#DEF14C converts to RGB(222, 241, 76) and HSL(67, 85%, 62%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#DEF14C FAQs

What is the RGB value of #DEF14C?
RGB: 222, 241, 76. Copy as CSS: rgb(222, 241, 76)
Is #DEF14C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DEF14C?
Complement: #5f4cf0.
Does #DEF14C have good contrast on white or black?
On white: 1.25:1 (Fails AA). On black: 16.79:1 (AAA (normal text)).