#0C3F46

#0C3F46

Color Values

HEX

#0C3F46

RGB

12, 63, 70

HSL

187.2, 70.7%, 16.1%

HSV

187.2, 82.9%, 27.5%

CMYK

82.9%, 10.0%, 0.0%, 72.5%

OKLCH

0.3389 0.0524 208.6

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#0C3F46

#46130C

Analogous

#0C4630

#0C2246

#0C3F46

Triadic

#0C3F46

#460C3F

#3F460C

Split Complementary

#0C3F46

#460C22

#46300C

Tetradic

#0C3F46

#300C46

#46130C

#22460C

Color Blindness Simulation

Original

#0C3F46

Protanopia

#222344

Deuteranopia

#1F1B44

Tritanopia

#0F4343

Achromatopsia

#353535

CSS Usage

background-color: #0C3F46;
color: #0C3F46;
border-color: #0C3F46;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C2EEF5
300
#97E3ED
400
#5ED3E3
500
#25C4DA
600
#1E9DAE
700
#187D8B
800
#13626D
900
#12484F
950
#0B2D32

Contrast Checker

Text on white

11.57:1

AA Pass AAA Pass

Text on black

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