#2C8987

#2C8987

Color Values

HEX

#2C8987

RGB

44, 137, 135

HSL

178.7, 51.4%, 35.5%

HSV

178.7, 67.9%, 53.7%

CMYK

67.9%, 0.0%, 1.5%, 46.3%

OKLCH

0.5764 0.085 193.0

Properties

Cool Light Nearest: darkcyan

Color Harmonies

Complementary

#2C8987

#892C2E

Analogous

#2C8959

#2C5D89

#2C8987

Triadic

#2C8987

#872C89

#89872C

Split Complementary

#2C8987

#892C5D

#89592C

Tetradic

#2C8987

#592C89

#892C2E

#5D892C

Color Blindness Simulation

Original

#2C8987

Protanopia

#545587

Deuteranopia

#4F4888

Tritanopia

#318888

Achromatopsia

#757575

CSS Usage

background-color: #2C8987;
color: #2C8987;
border-color: #2C8987;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E1E0
400
#70D1CF
500
#3EC1BE
600
#329A98
700
#287C7A
800
#1F615F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

4.17:1

AA Fail AAA Fail

Text on black

5.04:1

AA Pass AAA Fail

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