#38C384

#38C384

Color Values

HEX

#38C384

RGB

56, 195, 132

HSL

152.8, 55.4%, 49.2%

HSV

152.8, 71.3%, 76.5%

CMYK

71.3%, 0.0%, 32.3%, 23.5%

OKLCH

0.7283 0.1496 158.9

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#38C384

#C33877

Analogous

#38C33E

#38BCC3

#38C384

Triadic

#38C384

#8438C3

#C38438

Split Complementary

#38C384

#C338BC

#C33E38

Tetradic

#38C384

#3E38C3

#C33877

#BCC338

Color Blindness Simulation

Original

#38C384

Protanopia

#747593

Deuteranopia

#6C6297

Tritanopia

#3F9FA2

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F4FBF8
100
#E5F6EE
200
#C8EFDD
300
#A0E4C5
400
#6CD5A6
500
#39C686
600
#2D9F6B
700
#247F56
800
#1C6343
900
#184933
950
#0F2E20

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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