#30BC75

#30BC75

Color Values

HEX

#30BC75

RGB

48, 188, 117

HSL

149.6, 59.3%, 46.3%

HSV

149.6, 74.5%, 73.7%

CMYK

74.5%, 0.0%, 37.8%, 26.3%

OKLCH

0.7054 0.1566 155.8

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#30BC75

#BC3077

Analogous

#31BC30

#30BCBB

#30BC75

Triadic

#30BC75

#7530BC

#BC7530

Split Complementary

#30BC75

#BB30BC

#BC3031

Tetradic

#30BC75

#3031BC

#BC3077

#BCBB30

Color Blindness Simulation

Original

#30BC75

Protanopia

#6D6E86

Deuteranopia

#645A8A

Tritanopia

#379497

Achromatopsia

#999999

CSS Usage

background-color: #30BC75;
color: #30BC75;
border-color: #30BC75;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FBF7
100
#E4F6ED
200
#C6F0DB
300
#9EE6C1
400
#69D9A0
500
#34CB7E
600
#2AA265
700
#218251
800
#1A663F
900
#174A30
950
#0E2F1E

Contrast Checker

Text on white

2.45:1

AA Fail AAA Fail

Text on black

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