#33385C

#33385C

Color Values

HEX

#33385C

RGB

51, 56, 92

HSL

232.7, 28.7%, 28.0%

HSV

232.7, 44.6%, 36.1%

CMYK

44.6%, 39.1%, 0.0%, 63.9%

OKLCH

0.3536 0.0628 276.7

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#33385C

#5C5733

Analogous

#334C5C

#42335C

#33385C

Triadic

#33385C

#5C3338

#385C33

Split Complementary

#33385C

#5C4233

#4C5C33

Tetradic

#33385C

#5C334C

#5C5733

#335C42

Color Blindness Simulation

Original

#33385C

Protanopia

#353553

Deuteranopia

#353451

Tritanopia

#334C4B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #33385C;
color: #33385C;
border-color: #33385C;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F5F6F9
100
#E9EAF2
200
#D1D4E6
300
#B0B5D3
400
#868CBC
500
#5B64A4
600
#495083
700
#3A4069
800
#2D3252
900
#24273D
950
#171927

Contrast Checker

Text on white

11.28:1

AA Pass AAA Pass

Text on black

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