#332B3F

#332B3F

Color Values

HEX

#332B3F

RGB

51, 43, 63

HSL

264.0, 18.9%, 20.8%

HSV

264.0, 31.7%, 24.7%

CMYK

19.0%, 31.7%, 0.0%, 75.3%

OKLCH

0.3066 0.0368 302.6

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#332B3F

#373F2B

Analogous

#2B2D3F

#3D2B3F

#332B3F

Triadic

#332B3F

#3F332B

#2B3F33

Split Complementary

#332B3F

#3F3D2B

#2D3F2B

Tetradic

#332B3F

#3F2B2D

#373F2B

#2B3F3D

Color Blindness Simulation

Original

#332B3F

Protanopia

#302F3A

Deuteranopia

#303139

Tritanopia

#333636

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDEAF0
200
#DAD5E2
300
#BFB6CD
400
#9D8FB2
500
#7B6798
600
#625379
700
#4F4261
800
#3D344C
900
#2F2839
950
#1E1924

Contrast Checker

Text on white

13.48:1

AA Pass AAA Pass

Text on black

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