#0C2124

#0C2124

Color Values

HEX

#0C2124

RGB

12, 33, 36

HSL

187.5, 50.0%, 9.4%

HSV

187.5, 66.7%, 14.1%

CMYK

66.7%, 8.3%, 0.0%, 85.9%

OKLCH

0.2319 0.0274 207.6

Properties

Cool Dark Nearest: RAL 7021 Black Grey

Color Harmonies

Complementary

#0C2124

#240F0C

Analogous

#0C241B

#0C1524

#0C2124

Triadic

#0C2124

#240C21

#21240C

Split Complementary

#0C2124

#240C15

#241B0C

Tetradic

#0C2124

#1B0C24

#240F0C

#15240C

Color Blindness Simulation

Original

#0C2124

Protanopia

#151523

Deuteranopia

#141223

Tritanopia

#0D2323

Achromatopsia

#1D1D1D

CSS Usage

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

Tailwind Shades

50
#F4FAFB
100
#E6F3F5
200
#C9E9ED
300
#A3D9E0
400
#71C4D0
500
#40AFBF
600
#338C99
700
#29707A
800
#205860
900
#1B4146
950
#11292C

Contrast Checker

Text on white

16.68:1

AA Pass AAA Pass

Text on black

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