#2C6E52

#2C6E52

Color Values

HEX

#2C6E52

RGB

44, 110, 82

HSL

154.5, 42.9%, 30.2%

HSV

154.5, 60.0%, 43.1%

CMYK

60.0%, 0.0%, 25.5%, 56.9%

OKLCH

0.4873 0.0816 162.8

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#2C6E52

#6E2C48

Analogous

#2C6E31

#2C696E

#2C6E52

Triadic

#2C6E52

#522C6E

#6E522C

Split Complementary

#2C6E52

#6E2C69

#6E312C

Tetradic

#2C6E52

#312C6E

#6E2C48

#696E2C

Color Blindness Simulation

Original

#2C6E52

Protanopia

#494959

Deuteranopia

#45405A

Tritanopia

#2F5E5F

Achromatopsia

#5E5E5E

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F4EE
200
#CCEBDE
300
#A8DCC6
400
#78C9A7
500
#49B688
600
#3A926D
700
#2F7557
800
#245B44
900
#1E4333
950
#132A20

Contrast Checker

Text on white

6.07:1

AA Pass AAA Fail

Text on black

3.46:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026