#0C4851

#0C4851

Color Values

HEX

#0C4851

RGB

12, 72, 81

HSL

187.8, 74.2%, 18.2%

HSV

187.8, 85.2%, 31.8%

CMYK

85.2%, 11.1%, 0.0%, 68.2%

OKLCH

0.3701 0.059 210.2

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#0C4851

#51150C

Analogous

#0C5137

#0C2551

#0C4851

Triadic

#0C4851

#510C48

#48510C

Split Complementary

#0C4851

#510C25

#51370C

Tetradic

#0C4851

#370C51

#51150C

#25510C

Color Blindness Simulation

Original

#0C4851

Protanopia

#26274F

Deuteranopia

#221E4E

Tritanopia

#0F4D4D

Achromatopsia

#3C3C3C

CSS Usage

background-color: #0C4851;
color: #0C4851;
border-color: #0C4851;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F3FBFC
100
#E2F5F8
200
#C1EFF6
300
#94E3EF
400
#5BD4E7
500
#21C6DE
600
#1A9EB2
700
#157E8E
800
#10636F
900
#104851
950
#0A2E33

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

2.06:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026