#3CDC48

#3CDC48

Color Values

HEX

#3CDC48

RGB

60, 220, 72

HSL

124,5, 69,6%, 54,9%

HSV

124,5, 72,7%, 86,3%

CMYK

72,7%, 0,0%, 67,3%, 13,7%

OKLCH

0,7847 0,2293 143,9

Properties

Cool Light Nearest: limegreen

Color Harmonies

Complementary

#3CDC48

#DC3CD0

Analogous

#80DC3C

#3CDC98

#3CDC48

Triadic

#3CDC48

#483CDC

#DC483C

Split Complementary

#3CDC48

#983CDC

#DC3C80

Tetradic

#3CDC48

#3C80DC

#DC3CD0

#DC983C

Color Blindness Simulation

Original

#3CDC48

Protanopia

#81836C

Deuteranopia

#786C74

Tritanopia

#44888E

Achromatopsia

#AFAFAF

CSS Usage

background-color: #3CDC48;
color: #3CDC48;
border-color: #3CDC48;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FCF4
100
#E3F8E4
200
#C2F4C6
300
#97EC9E
400
#5FE269
500
#27D834
600
#1FAD2A
700
#198A21
800
#136C1A
900
#124F17
950
#0B320E

Contrast Checker

Text on white

1,82:1

AA Fail AAA Fail

Text on black

11,52:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026