#0C6461

#0C6461

Color Values

HEX

#0C6461

RGB

12, 100, 97

HSL

178.0, 78.6%, 22.0%

HSV

178.0, 88.0%, 39.2%

CMYK

88.0%, 0.0%, 3.0%, 60.8%

OKLCH

0.456 0.0752 191.1

Properties

Cool Dark Nearest: RAL 6026 Opal Green

Color Harmonies

Complementary

#0C6461

#640C0F

Analogous

#0C6435

#0C3B64

#0C6461

Triadic

#0C6461

#610C64

#64610C

Split Complementary

#0C6461

#640C3B

#64350C

Tetradic

#0C6461

#350C64

#640C0F

#3B640C

Color Blindness Simulation

Original

#0C6461

Protanopia

#323362

Deuteranopia

#2D2662

Tritanopia

#106262

Achromatopsia

#515151

CSS Usage

background-color: #0C6461;
color: #0C6461;
border-color: #0C6461;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F2FCFC
100
#E1F9F8
200
#BFF7F5
300
#92F2EF
400
#56EBE6
500
#1BE4DD
600
#16B6B1
700
#11928D
800
#0E726F
900
#0E5350
950
#093433

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

3.01:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026