#0C4D40

#0C4D40

Color Values

HEX

#0C4D40

RGB

12, 77, 64

HSL

168.0, 73.0%, 17.5%

HSV

168.0, 84.4%, 30.2%

CMYK

84.4%, 0.0%, 16.9%, 69.8%

OKLCH

0.3778 0.0659 175.4

Properties

Cool Dark Nearest: RAL 6016 Turquoise Green

Color Harmonies

Complementary

#0C4D40

#4D0C19

Analogous

#0C4D20

#0C3A4D

#0C4D40

Triadic

#0C4D40

#400C4D

#4D400C

Split Complementary

#0C4D40

#4D0C3A

#4D200C

Tetradic

#0C4D40

#200C4D

#4D0C19

#3A4D0C

Color Blindness Simulation

Original

#0C4D40

Protanopia

#282943

Deuteranopia

#241F44

Tritanopia

#0F4646

Achromatopsia

#3E3E3E

CSS Usage

background-color: #0C4D40;
color: #0C4D40;
border-color: #0C4D40;
Nearest Tailwind: Emerald 900 #064E3B

Tailwind Shades

50
#F3FCFA
100
#E2F8F4
200
#C1F5EB
300
#95EEDD
400
#5CE6CA
500
#22DDB7
600
#1CB093
700
#168D75
800
#116E5C
900
#115044
950
#0A332B

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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