#02CA05

Color Details

HEX
#02CA05
RGB
rgb(2, 202, 5)
HSL
hsl(121, 98%, 40%)
CMYK
cmyk(99%, 0%, 98%, 21%)
Best text on this color #000000 (CR 9.45:1) Determined by WCAG contrast ratio

Readability Previews

Black on #02ca05
Contrast 9.45:1 AAA
White on #02ca05
Contrast 2.22:1 Fail
#02ca05 on Black
Contrast 9.45:1 AAA
#02ca05 on White
Contrast 2.22:1 Fail

Tints & Shades

#35d537
#67df69
#9aea9b
#02a204
#017903
#015102

Complement & Analogous

#ca02c7
#02ca69
#63ca02

Triadic

#0502ca
#ca0502

Monochrome

#015102 #017903 #02ca05 #67df69 #9aea9b #ccf4cd

Analogous

#63ca02 #92da4e #02ca05 #35d587 #02ca69 #02a254

Complementary Mix

#017903 #02ca05 #67df69 #ca02c7 #dd5bdb #830181

Nearby Colors

#02ca04
#02ca06
#02c9f5
#02ca15

Embed #02CA05 swatch

Embed this swatch

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

Open image

About #02CA05

#02CA05 converts to RGB(2, 202, 5) and HSL(121, 98%, 40%). 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).

#02CA05 FAQs

What is the RGB value of #02CA05?
RGB: 2, 202, 5. Copy as CSS: rgb(2, 202, 5)
Is #02CA05 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #02CA05?
Complement: #ca02c7.
Does #02CA05 have good contrast on white or black?
On white: 2.22:1 (Fails AA). On black: 9.45:1 (AAA (normal text)).