#22030A

#22030A

Color Values

HEX

#22030A

RGB

34, 3, 10

HSL

346.5, 83.8%, 7.3%

HSV

346.5, 91.2%, 13.3%

CMYK

0.0%, 91.2%, 70.6%, 86.7%

OKLCH

0.1695 0.0563 9.1

Properties

Warm Dark Nearest: RAL 5011 Steel Blue

Color Harmonies

Complementary

#22030A

#03221B

Analogous

#22031A

#220C03

#22030A

Triadic

#22030A

#0A2203

#030A22

Split Complementary

#22030A

#03220C

#031A22

Tetradic

#22030A

#1A2203

#03221B

#0C0322

Color Blindness Simulation

Original

#22030A

Protanopia

#151408

Deuteranopia

#161908

Tritanopia

#200707

Achromatopsia

#0A0A0A

CSS Usage

background-color: #22030A;
color: #22030A;
border-color: #22030A;
Nearest Tailwind: Stone 950 #0C0A09

Tailwind Shades

50
#FDF2F4
100
#FAE0E6
200
#F9BDCB
300
#F58FA6
400
#F05275
500
#EA1545
600
#BB1137
700
#960D2C
800
#750A22
900
#550C1C
950
#360812

Contrast Checker

Text on white

19.35:1

AA Pass AAA Pass

Text on black

1.09:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026