#03C987

#03C987

Color Values

HEX

#03C987

RGB

3, 201, 135

HSL

160.0, 97.1%, 40.0%

HSV

160.0, 98.5%, 78.8%

CMYK

98.5%, 0.0%, 32.8%, 21.2%

OKLCH

0.7382 0.1646 160.8

Properties

Cool Light Nearest: seagreen 3

Color Harmonies

Complementary

#03C987

#C90345

Analogous

#03C924

#03A8C9

#03C987

Triadic

#03C987

#8703C9

#C98703

Split Complementary

#03C987

#C903A8

#C92403

Tetradic

#03C987

#2403C9

#C90345

#A8C903

Color Blindness Simulation

Original

#03C987

Protanopia

#595A97

Deuteranopia

#4D3E9B

Tritanopia

#0DA4A6

Achromatopsia

#9A9A9A

CSS Usage

background-color: #03C987;
color: #03C987;
border-color: #03C987;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B9FEE7
300
#86FDD6
400
#45FCBF
500
#04FBA9
600
#03C987
700
#02A16C
800
#027E54
900
#065B3F
950
#043928

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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