#DCF22C

Color Details

HEX
#DCF22C
RGB
rgb(220, 242, 44)
HSL
hsl(67, 88%, 56%)
CMYK
cmyk(9%, 0%, 82%, 5%)
Best text on this color #000000 (CR 16.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dcf22c
Contrast 16.78:1 AAA
White on #dcf22c
Contrast 1.25:1 Fail
#dcf22c on Black
Contrast 16.78:1 AAA
#dcf22c on White
Contrast 1.25:1 Fail

Tints & Shades

#e3f556
#eaf780
#f1faab
#b0c223
#84911a
#586112

Complement & Analogous

#432cf2
#78f22c
#f2a62c

Triadic

#2cdaf2
#f22cda

Monochrome

#586112 #84911a #dcf22c #eaf780 #f1faab #f8fcd5

Analogous

#f2a62c #f6c16b #dcf22c #93f556 #78f22c #60c223

Complementary Mix

#84911a #dcf22c #eaf780 #432cf2 #8576f7 #2c1d9d

Nearby Colors

#dcf22b
#dcf22d
#dcf21c
#dcf23c

Embed #DCF22C swatch

Embed this swatch

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

Open image

About #DCF22C

#DCF22C converts to RGB(220, 242, 44) and HSL(67, 88%, 56%). 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).

#DCF22C FAQs

What is the RGB value of #DCF22C?
RGB: 220, 242, 44. Copy as CSS: rgb(220, 242, 44)
Is #DCF22C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DCF22C?
Complement: #432cf2.
Does #DCF22C have good contrast on white or black?
On white: 1.25:1 (Fails AA). On black: 16.78:1 (AAA (normal text)).