#33223F

#33223F

Color Values

HEX

#33223F

RGB

51, 34, 63

HSL

275.2, 29.9%, 19.0%

HSV

275.2, 46.0%, 24.7%

CMYK

19.0%, 46.0%, 0.0%, 75.3%

OKLCH

0.2865 0.0559 310.2

Properties

Cool Dark Nearest: RAL 5013 Cobalt Blue

Color Harmonies

Complementary

#33223F

#2E3F22

Analogous

#24223F

#3F223C

#33223F

Triadic

#33223F

#3F3322

#223F33

Split Complementary

#33223F

#3C3F22

#223F24

Tetradic

#33223F

#3F2422

#2E3F22

#223C3F

Color Blindness Simulation

Original

#33223F

Protanopia

#2C2B38

Deuteranopia

#2D2E36

Tritanopia

#323231

Achromatopsia

#282828

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DDD1E6
300
#C5B0D4
400
#A684BD
500
#8659A6
600
#6B4884
700
#56396A
800
#432D53
900
#33233D
950
#201627

Contrast Checker

Text on white

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

2월 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2월 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2월 20, 2026