#21172E

#21172E

Color Values

HEX

#21172E

RGB

33, 23, 46

HSL

266.1, 33.3%, 13.5%

HSV

266.1, 50.0%, 18.0%

CMYK

28.3%, 50.0%, 0.0%, 82.0%

OKLCH

0.2291 0.0452 303.0

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#21172E

#242E17

Analogous

#17182E

#2C172E

#21172E

Triadic

#21172E

#2E2117

#172E21

Split Complementary

#21172E

#2E2C17

#182E17

Tetradic

#21172E

#2E1718

#242E17

#172E2C

Color Blindness Simulation

Original

#21172E

Protanopia

#1D1D28

Deuteranopia

#1D1E27

Tritanopia

#202423

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F5FA
100
#ECE8F2
200
#DACFE7
300
#BFADD6
400
#9D81C0
500
#7A55AA
600
#624488
700
#4E366D
800
#3D2B55
900
#2F223F
950
#1D1528

Contrast Checker

Text on white

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