#30D48B

#30D48B

Color Values

HEX

#30D48B

RGB

48, 212, 139

HSL

153.3, 65.6%, 51.0%

HSV

153.3, 77.4%, 83.1%

CMYK

77.4%, 0.0%, 34.4%, 16.9%

OKLCH

0.7717 0.1677 158.2

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#30D48B

#D43079

Analogous

#30D439

#30CBD4

#30D48B

Triadic

#30D48B

#8B30D4

#D48B30

Split Complementary

#30D48B

#D430CB

#D43930

Tetradic

#30D48B

#3930D4

#D43079

#CBD430

Color Blindness Simulation

Original

#30D48B

Protanopia

#77789D

Deuteranopia

#6E61A1

Tritanopia

#38ABAE

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F3FCF8
100
#E3F7EE
200
#C4F3DE
300
#9AEAC6
400
#63DFA7
500
#2CD389
600
#23A96D
700
#1C8757
800
#166A44
900
#144D34
950
#0D3121

Contrast Checker

Text on white

1.92:1

AA Fail AAA Fail

Text on black

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