#180C16

#180C16

Color Values

HEX

#180C16

RGB

24, 12, 22

HSL

310.0, 33.3%, 7.1%

HSV

310.0, 50.0%, 9.4%

CMYK

0.0%, 50.0%, 8.3%, 90.6%

OKLCH

0.1761 0.0278 332.8

Properties

Warm Dark Nearest: RAL 5004 Black Blue

Color Harmonies

Complementary

#180C16

#0C180E

Analogous

#140C18

#180C10

#180C16

Triadic

#180C16

#16180C

#0C1618

Split Complementary

#180C16

#10180C

#0C1814

Tetradic

#180C16

#18140C

#0C180E

#0C1018

Color Blindness Simulation

Original

#180C16

Protanopia

#131314

Deuteranopia

#141413

Tritanopia

#171211

Achromatopsia

#0F0F0F

CSS Usage

background-color: #180C16;
color: #180C16;
border-color: #180C16;
Nearest Tailwind: Gray 950 #030712

Tailwind Shades

50
#FAF5F9
100
#F2E8F1
200
#E7CFE3
300
#D6ADCF
400
#C081B6
500
#AA559C
600
#88447D
700
#6D3664
800
#552B4E
900
#3F223A
950
#281525

Contrast Checker

Text on white

19.04:1

AA Pass AAA Pass

Text on black

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