#180216

#180216

Color Values

HEX

#180216

RGB

24, 2, 22

HSL

305.5, 84.6%, 5.1%

HSV

305.5, 91.7%, 9.4%

CMYK

0.0%, 91.7%, 8.3%, 90.6%

OKLCH

0.1511 0.0574 331.4

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#180216

#021804

Analogous

#0F0218

#18020B

#180216

Triadic

#180216

#161802

#021618

Split Complementary

#180216

#0B1802

#02180F

Tetradic

#180216

#180F02

#021804

#020B18

Color Blindness Simulation

Original

#180216

Protanopia

#0E0E11

Deuteranopia

#101110

Tritanopia

#170D0C

Achromatopsia

#080808

CSS Usage

background-color: #180216;
color: #180216;
border-color: #180216;
Nearest Tailwind: Slate 950 #020617

Tailwind Shades

50
#FDF2FC
100
#FAE0F8
200
#FABDF4
300
#F68EEC
400
#F051E2
500
#EB14D8
600
#BC10AC
700
#970D8A
800
#760A6C
900
#550C4F
950
#360732

Contrast Checker

Text on white

19.83:1

AA Pass AAA Pass

Text on black

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