#212232

#212232

Color Values

HEX

#212232

RGB

33, 34, 50

HSL

236.5, 20.5%, 16.3%

HSV

236.5, 34.0%, 19.6%

CMYK

34.0%, 32.0%, 0.0%, 80.4%

OKLCH

0.2585 0.03 281.3

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#212232

#323121

Analogous

#212B32

#292132

#212232

Triadic

#212232

#322122

#223221

Split Complementary

#212232

#322921

#2B3221

Tetradic

#212232

#32212B

#323121

#213229

Color Blindness Simulation

Original

#212232

Protanopia

#21212E

Deuteranopia

#21212D

Tritanopia

#212B2A

Achromatopsia

#232323

CSS Usage

background-color: #212232;
color: #212232;
border-color: #212232;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E3
300
#B5B7CE
400
#8D90B4
500
#65689A
600
#51547B
700
#414362
800
#33344D
900
#282939
950
#191A24

Contrast Checker

Text on white

15.68:1

AA Pass AAA Pass

Text on black

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