#22172D

#22172D

Color Values

HEX

#22172D

RGB

34, 23, 45

HSL

270.0, 32.4%, 13.3%

HSV

270.0, 48.9%, 17.6%

CMYK

24.4%, 48.9%, 0.0%, 82.4%

OKLCH

0.2297 0.0439 306.2

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#22172D

#222D17

Analogous

#17172D

#2D172D

#22172D

Triadic

#22172D

#2D2217

#172D22

Split Complementary

#22172D

#2D2D17

#172D17

Tetradic

#22172D

#2D1717

#222D17

#172D2D

Color Blindness Simulation

Original

#22172D

Protanopia

#1D1D28

Deuteranopia

#1E1F26

Tritanopia

#212323

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F7F5F9
100
#EDE8F2
200
#DBD0E7
300
#C2AED6
400
#A182BF
500
#8056A9
600
#664587
700
#52376C
800
#402B54
900
#30223F
950
#1F1628

Contrast Checker

Text on white

17.09:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026