#DCF23C

Color Details

HEX
#DCF23C
RGB
rgb(220, 242, 60)
HSL
hsl(67, 88%, 59%)
CMYK
cmyk(9%, 0%, 75%, 5%)
Best text on this color #000000 (CR 16.81:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dcf23c
Contrast 16.81:1 AAA
White on #dcf23c
Contrast 1.25:1 Fail
#dcf23c on Black
Contrast 16.81:1 AAA
#dcf23c on White
Contrast 1.25:1 Fail

Tints & Shades

#e3f563
#eaf78a
#f1fab1
#b0c230
#849124
#586118

Complement & Analogous

#503af2
#81f23a
#f2ac3a

Triadic

#3addf2
#f23add

Monochrome

#586118 #849124 #dcf23c #eaf78a #f1fab1 #f8fcd8

Analogous

#f2ac3a #f6c575 #dcf23c #9af561 #81f23a #67c22e

Complementary Mix

#849124 #dcf23c #eaf78a #503af2 #8d7ff7 #34269d

Nearby Colors

#dcf23b
#dcf23d
#dcf22c
#dcf24c

Embed #DCF23C swatch

Embed this swatch

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

Open image

About #DCF23C

#DCF23C converts to RGB(220, 242, 60) and HSL(67, 88%, 59%). 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).

#DCF23C FAQs

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