#30B981

#30B981

Color Values

HEX

#30B981

RGB

48, 185, 129

HSL

155.5, 58.8%, 45.7%

HSV

155.5, 74.1%, 72.5%

CMYK

74.1%, 0.0%, 30.3%, 27.5%

OKLCH

0.7002 0.142 160.9

Properties

Cool Light Nearest: Green

Color Harmonies

Complementary

#30B981

#B93068

Analogous

#30B93D

#30ACB9

#30B981

Triadic

#30B981

#8130B9

#B98130

Split Complementary

#30B981

#B930AC

#B93D30

Tetradic

#30B981

#3D30B9

#B93068

#ACB930

Color Blindness Simulation

Original

#30B981

Protanopia

#6B6D8F

Deuteranopia

#635992

Tritanopia

#37999C

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E4F6EF
200
#C6F0DF
300
#9EE6C8
400
#69D8AB
500
#35CA8D
600
#2AA271
700
#22825A
800
#1A6547
900
#174A35
950
#0E2F22

Contrast Checker

Text on white

2.51:1

AA Fail AAA Fail

Text on black

8.38:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026