#0C5347

#0C5347

Color Values

HEX

#0C5347

RGB

12, 83, 71

HSL

169.9, 74.7%, 18.6%

HSV

169.9, 85.5%, 32.5%

CMYK

85.5%, 0.0%, 14.5%, 67.5%

OKLCH

0.3979 0.0688 177.9

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#0C5347

#530C18

Analogous

#0C5324

#0C3B53

#0C5347

Triadic

#0C5347

#470C53

#53470C

Split Complementary

#0C5347

#530C3B

#53240C

Tetradic

#0C5347

#240C53

#530C18

#3B530C

Color Blindness Simulation

Original

#0C5347

Protanopia

#2B2B4A

Deuteranopia

#27214B

Tritanopia

#104C4D

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#F2FCFB
100
#E2F8F5
200
#C1F6ED
300
#94F0E0
400
#5AE7CF
500
#20DFBF
600
#1AB299
700
#158F7A
800
#106F5F
900
#105146
950
#0A332C

Contrast Checker

Text on white

8.96:1

AA Pass AAA Pass

Text on black

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