#221618

#221618

Color Values

HEX

#221618

RGB

34, 22, 24

HSL

350.0, 21.4%, 11.0%

HSV

350.0, 35.3%, 13.3%

CMYK

0.0%, 35.3%, 29.4%, 86.7%

OKLCH

0.2165 0.0198 7.8

Properties

Warm Dark Nearest: RAL 5004 Black Blue

Color Harmonies

Complementary

#221618

#162220

Analogous

#22161E

#221A16

#221618

Triadic

#221618

#182216

#161822

Split Complementary

#221618

#16221A

#161E22

Tetradic

#221618

#1E2216

#162220

#1A1622

Color Blindness Simulation

Original

#221618

Protanopia

#1D1D18

Deuteranopia

#1E1E17

Tritanopia

#211717

Achromatopsia

#191919

CSS Usage

background-color: #221618;
color: #221618;
border-color: #221618;
Nearest Tailwind: Stone 900 #1C1917

Tailwind Shades

50
#F9F6F6
100
#F0EAEB
200
#E3D4D6
300
#CFB5B9
400
#B58C93
500
#9B646D
600
#7C5057
700
#634046
800
#4D3237
900
#3A272A
950
#24191B

Contrast Checker

Text on white

17.56:1

AA Pass AAA Pass

Text on black

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