#38CC82

#38CC82

Color Values

HEX

#38CC82

RGB

56, 204, 130

HSL

150.0, 59.2%, 51.0%

HSV

150.0, 72.5%, 80.0%

CMYK

72.5%, 0.0%, 36.3%, 20.0%

OKLCH

0.7509 0.1631 156.4

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#38CC82

#CC3882

Analogous

#38CC38

#38CCCC

#38CC82

Triadic

#38CC82

#8238CC

#CC8238

Split Complementary

#38CC82

#CC38CC

#CC3838

Tetradic

#38CC82

#3838CC

#CC3882

#CCCC38

Color Blindness Simulation

Original

#38CC82

Protanopia

#787994

Deuteranopia

#706498

Tritanopia

#3FA2A5

Achromatopsia

#A7A7A7

CSS Usage

background-color: #38CC82;
color: #38CC82;
border-color: #38CC82;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F4FBF7
100
#E4F6ED
200
#C6F0DB
300
#9EE6C2
400
#69D9A1
500
#34CB80
600
#2AA266
700
#218252
800
#1A6540
900
#174A30
950
#0E2F1F

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.13:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026