#221633

#221633

Color Values

HEX

#221633

RGB

34, 22, 51

HSL

264.8, 39.7%, 14.3%

HSV

264.8, 56.9%, 20.0%

CMYK

33.3%, 56.9%, 0.0%, 80.0%

OKLCH

0.2315 0.0558 301.3

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#221633

#273316

Analogous

#161833

#301633

#221633

Triadic

#221633

#332216

#163322

Split Complementary

#221633

#333016

#183316

Tetradic

#221633

#331618

#273316

#163330

Color Blindness Simulation

Original

#221633

Protanopia

#1D1D2C

Deuteranopia

#1E1E2A

Tritanopia

#212625

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE7F3
200
#D9CDE9
300
#BEAADA
400
#9A7BC6
500
#774DB2
600
#5F3E8E
700
#4C3172
800
#3B2659
900
#2D1F42
950
#1D142A

Contrast Checker

Text on white

17.07:1

AA Pass AAA Pass

Text on black

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