#221328

#221328

Color Values

HEX

#221328

RGB

34, 19, 40

HSL

282.9, 35.6%, 11.6%

HSV

282.9, 52.5%, 15.7%

CMYK

15.0%, 52.5%, 0.0%, 84.3%

OKLCH

0.2176 0.045 315.8

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#221328

#192813

Analogous

#181328

#281324

#221328

Triadic

#221328

#282213

#132822

Split Complementary

#221328

#242813

#132818

Tetradic

#221328

#281813

#192813

#132428

Color Blindness Simulation

Original

#221328

Protanopia

#1C1B23

Deuteranopia

#1C1D22

Tritanopia

#211F1E

Achromatopsia

#181818

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#E1CFE8
300
#CBACD8
400
#AF7FC2
500
#9352AD
600
#76428A
700
#5E356F
800
#4A2956
900
#372140
950
#231528

Contrast Checker

Text on white

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