#30CF68

#30CF68

Color Values

HEX

#30CF68

RGB

48, 207, 104

HSL

141.1, 62.4%, 50.0%

HSV

141.1, 76.8%, 81.2%

CMYK

76.8%, 0.0%, 49.8%, 18.8%

OKLCH

0.7525 0.1924 149.9

Properties

Cool Light Nearest: springgreen 3

Color Harmonies

Complementary

#30CF68

#CF3097

Analogous

#48CF30

#30CFB7

#30CF68

Triadic

#30CF68

#6830CF

#CF6830

Split Complementary

#30CF68

#B730CF

#CF3048

Tetradic

#30CF68

#3048CF

#CF3097

#CFB730

Color Blindness Simulation

Original

#30CF68

Protanopia

#757681

Deuteranopia

#6C6087

Tritanopia

#389599

Achromatopsia

#A6A6A6

CSS Usage

background-color: #30CF68;
color: #30CF68;
border-color: #30CF68;
Nearest Tailwind: Green 500 #22C55E

Tailwind Shades

50
#F3FBF6
100
#E4F7EA
200
#C5F2D5
300
#9CE8B6
400
#66DC8F
500
#30CF68
600
#26A653
700
#1F8542
800
#186834
900
#154C28
950
#0D301A

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.25:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026