#0C2B33

#0C2B33

Color Values

HEX

#0C2B33

RGB

12, 43, 51

HSL

192.3, 61.9%, 12.4%

HSV

192.3, 76.5%, 20.0%

CMYK

76.5%, 15.7%, 0.0%, 80.0%

OKLCH

0.2702 0.0388 217.8

Properties

Cool Dark Nearest: RAL 5001 Green Blue

Color Harmonies

Complementary

#0C2B33

#33140C

Analogous

#0C3328

#0C1833

#0C2B33

Triadic

#0C2B33

#330C2B

#2B330C

Split Complementary

#0C2B33

#330C18

#33280C

Tetradic

#0C2B33

#280C33

#33140C

#18330C

Color Blindness Simulation

Original

#0C2B33

Protanopia

#191A31

Deuteranopia

#181531

Tritanopia

#0E302F

Achromatopsia

#252525

CSS Usage

background-color: #0C2B33;
color: #0C2B33;
border-color: #0C2B33;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5E8F1
300
#9CD8E8
400
#66C3DB
500
#31AECE
600
#278BA5
700
#1F6F84
800
#185767
900
#15404B
950
#0E2930

Contrast Checker

Text on white

14.9:1

AA Pass AAA Pass

Text on black

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