#2CF393

#2CF393

Color Values

HEX

#2CF393

RGB

44, 243, 147

HSL

151.1, 89.2%, 56.3%

HSV

151.1, 81.9%, 95.3%

CMYK

81.9%, 0.0%, 39.5%, 4.7%

OKLCH

0.8509 0.1998 155.4

Properties

Cool Light Nearest: mediumspringgreen

Color Harmonies

Complementary

#2CF393

#F32C8C

Analogous

#2CF330

#2CEFF3

#2CF393

Triadic

#2CF393

#932CF3

#F3932C

Split Complementary

#2CF393

#F32CEF

#F3302C

Tetradic

#2CF393

#302CF3

#F32C8C

#EFF32C

Color Blindness Simulation

Original

#2CF393

Protanopia

#8284AA

Deuteranopia

#7768B0

Tritanopia

#36BDC1

Achromatopsia

#C2C2C2

CSS Usage

background-color: #2CF393;
color: #2CF393;
border-color: #2CF393;
Nearest Tailwind: Green 400 #4ADE80

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BBFBDC
300
#8BF8C4
400
#4CF5A4
500
#0EF184
600
#0BC169
700
#099A54
800
#077942
900
#0A5732
950
#063720

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.35:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026