#2C654C

#2C654C

Color Values

HEX

#2C654C

RGB

44, 101, 76

HSL

153.7, 39.3%, 28.4%

HSV

153.7, 56.4%, 39.6%

CMYK

56.4%, 0.0%, 24.8%, 60.4%

OKLCH

0.4608 0.0733 162.6

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2C654C

#652C45

Analogous

#2C652F

#2C6165

#2C654C

Triadic

#2C654C

#4C2C65

#654C2C

Split Complementary

#2C654C

#652C61

#652F2C

Tetradic

#2C654C

#2F2C65

#652C45

#61652C

Color Blindness Simulation

Original

#2C654C

Protanopia

#454552

Deuteranopia

#413D54

Tritanopia

#2F5758

Achromatopsia

#575757

CSS Usage

background-color: #2C654C;
color: #2C654C;
border-color: #2C654C;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DD
300
#AADAC5
400
#7CC6A5
500
#4DB286
600
#3E8E6B
700
#327256
800
#275943
900
#1F4233
950
#142920

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

3.07:1

AA Fail 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