#220E29

#220E29

Color Values

HEX

#220E29

RGB

34, 14, 41

HSL

284.4, 49.1%, 10.8%

HSV

284.4, 65.9%, 16.1%

CMYK

17.1%, 65.9%, 0.0%, 83.9%

OKLCH

0.208 0.0574 316.7

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#220E29

#15290E

Analogous

#150E29

#290E23

#220E29

Triadic

#220E29

#29220E

#0E2922

Split Complementary

#220E29

#23290E

#0E2915

Tetradic

#220E29

#29150E

#15290E

#0E2329

Color Blindness Simulation

Original

#220E29

Protanopia

#191922

Deuteranopia

#1A1C21

Tritanopia

#211D1C

Achromatopsia

#141414

CSS Usage

background-color: #220E29;
color: #220E29;
border-color: #220E29;
Nearest Tailwind: Slate 900 #0F172A

Tailwind Shades

50
#F9F4FB
100
#F1E6F5
200
#E4CAED
300
#D0A4E0
400
#B772CF
500
#9E41BE
600
#7E3498
700
#652A7A
800
#4F205F
900
#3B1B46
950
#25112C

Contrast Checker

Text on white

18.06:1

AA Pass AAA Pass

Text on black

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