#21283F

#21283F

Color Values

HEX

#21283F

RGB

33, 40, 63

HSL

226.0, 31.2%, 18.8%

HSV

226.0, 47.6%, 24.7%

CMYK

47.6%, 36.5%, 0.0%, 75.3%

OKLCH

0.2817 0.0437 270.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#21283F

#3F3821

Analogous

#21373F

#29213F

#21283F

Triadic

#21283F

#3F2128

#283F21

Split Complementary

#21283F

#3F2921

#373F21

Tetradic

#21283F

#3F2137

#3F3821

#213F29

Color Blindness Simulation

Original

#21283F

Protanopia

#242439

Deuteranopia

#242338

Tritanopia

#213534

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D5E6
300
#AFB8D5
400
#8391BE
500
#586AA7
600
#465586
700
#38446B
800
#2C3554
900
#23293E
950
#161A27

Contrast Checker

Text on white

14.58:1

AA Pass AAA Pass

Text on black

1.44:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026