#30CF93

#30CF93

Color Values

HEX

#30CF93

RGB

48, 207, 147

HSL

157.4, 62.4%, 50.0%

HSV

157.4, 76.8%, 81.2%

CMYK

76.8%, 0.0%, 29.0%, 18.8%

OKLCH

0.7607 0.1546 162.2

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#30CF93

#CF306C

Analogous

#30CF44

#30BBCF

#30CF93

Triadic

#30CF93

#9330CF

#CF9330

Split Complementary

#30CF93

#CF30BB

#CF4430

Tetradic

#30CF93

#4430CF

#CF306C

#BBCF30

Color Blindness Simulation

Original

#30CF93

Protanopia

#7576A2

Deuteranopia

#6C60A5

Tritanopia

#38ADB0

Achromatopsia

#A9A9A9

CSS Usage

background-color: #30CF93;
color: #30CF93;
border-color: #30CF93;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F3FBF8
100
#E4F7EF
200
#C5F2E1
300
#9CE8CB
400
#66DCAF
500
#30CF93
600
#26A676
700
#1F855E
800
#18684A
900
#154C37
950
#0D3023

Contrast Checker

Text on white

2.01:1

AA Fail AAA Fail

Text on black

10.47: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