#220709

#220709

Color Values

HEX

#220709

RGB

34, 7, 9

HSL

355.6, 65.9%, 8.0%

HSV

355.6, 79.4%, 13.3%

CMYK

0.0%, 79.4%, 73.5%, 86.7%

OKLCH

0.1781 0.0469 18.3

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#220709

#072220

Analogous

#220716

#221207

#220709

Triadic

#220709

#092207

#070922

Split Complementary

#220709

#072212

#071622

Tetradic

#220709

#162207

#072220

#120722

Color Blindness Simulation

Original

#220709

Protanopia

#161609

Deuteranopia

#181A08

Tritanopia

#210808

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#FCF3F4
100
#F7E3E5
200
#F3C4C7
300
#EA999F
400
#DF626C
500
#D42B38
600
#A9232D
700
#871C24
800
#6A161C
900
#4D1418
950
#310C0F

Contrast Checker

Text on white

19.05:1

AA Pass AAA Pass

Text on black

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