#30CB88

#30CB88

Color Values

HEX

#30CB88

RGB

48, 203, 136

HSL

154.1, 61.8%, 49.2%

HSV

154.1, 76.4%, 79.6%

CMYK

76.4%, 0.0%, 33.0%, 20.4%

OKLCH

0.7481 0.1589 159.1

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#30CB88

#CB3073

Analogous

#30CB3B

#30C0CB

#30CB88

Triadic

#30CB88

#8830CB

#CB8830

Split Complementary

#30CB88

#CB30C0

#CB3B30

Tetradic

#30CB88

#3B30CB

#CB3073

#C0CB30

Color Blindness Simulation

Original

#30CB88

Protanopia

#737498

Deuteranopia

#6A5E9C

Tritanopia

#38A5A8

Achromatopsia

#A5A5A5

CSS Usage

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

Tailwind Shades

50
#F3FBF8
100
#E4F7EE
200
#C5F1DE
300
#9CE8C7
400
#66DBA9
500
#31CE8A
600
#27A56F
700
#1F8458
800
#186745
900
#164B34
950
#0E3021

Contrast Checker

Text on white

2.1:1

AA Fail AAA Fail

Text on black

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