#221229

#221229

Color Values

HEX

#221229

RGB

34, 18, 41

HSL

281.7, 39.0%, 11.6%

HSV

281.7, 56.1%, 16.1%

CMYK

17.1%, 56.1%, 0.0%, 83.9%

OKLCH

0.2161 0.0487 314.9

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#221229

#192912

Analogous

#171229

#291225

#221229

Triadic

#221229

#292212

#122922

Split Complementary

#221229

#252912

#122917

Tetradic

#221229

#291712

#192912

#122529

Color Blindness Simulation

Original

#221229

Protanopia

#1B1B23

Deuteranopia

#1C1D22

Tritanopia

#211F1E

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE7F3
200
#E1CDE9
300
#CBAADA
400
#AF7CC5
500
#934EB1
600
#763E8E
700
#5E3271
800
#492759
900
#371F41
950
#231429

Contrast Checker

Text on white

17.7:1

AA Pass AAA Pass

Text on black

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