#2DC086

#2DC086

Color Values

HEX

#2DC086

RGB

45, 192, 134

HSL

156.3, 62.0%, 46.5%

HSV

156.3, 76.6%, 75.3%

CMYK

76.6%, 0.0%, 30.2%, 24.7%

OKLCH

0.7189 0.1476 161.3

Properties

Cool Light Nearest: mediumseagreen

Color Harmonies

Complementary

#2DC086

#C02D67

Analogous

#2DC03C

#2DB1C0

#2DC086

Triadic

#2DC086

#862DC0

#C0862D

Split Complementary

#2DC086

#C02DB1

#C03C2D

Tetradic

#2DC086

#3C2DC0

#C02D67

#B1C02D

Color Blindness Simulation

Original

#2DC086

Protanopia

#6D6E94

Deuteranopia

#645997

Tritanopia

#349FA2

Achromatopsia

#9D9D9D

CSS Usage

background-color: #2DC086;
color: #2DC086;
border-color: #2DC086;
Nearest Tailwind: Emerald 500 #10B981

Tailwind Shades

50
#F3FBF8
100
#E4F7EF
200
#C5F1E0
300
#9CE8CA
400
#66DBAD
500
#30CF90
600
#27A573
700
#1F845C
800
#186748
900
#154B36
950
#0E3022

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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