#33344D

#33344D

Color Values

HEX

#33344D

RGB

51, 52, 77

HSL

237.7, 20.3%, 25.1%

HSV

237.7, 33.8%, 30.2%

CMYK

33.8%, 32.5%, 0.0%, 69.8%

OKLCH

0.3355 0.0439 282.0

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#33344D

#4D4C33

Analogous

#33414D

#3F334D

#33344D

Triadic

#33344D

#4D3334

#344D33

Split Complementary

#33344D

#4D3F33

#414D33

Tetradic

#33344D

#4D3341

#4D4C33

#334D3F

Color Blindness Simulation

Original

#33344D

Protanopia

#333347

Deuteranopia

#333346

Tritanopia

#334241

Achromatopsia

#363636

CSS Usage

background-color: #33344D;
color: #33344D;
border-color: #33344D;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EAEAF0
200
#D4D5E3
300
#B5B6CE
400
#8D8FB4
500
#666899
600
#51537B
700
#414262
800
#33344D
900
#282839
950
#191924

Contrast Checker

Text on white

12.08:1

AA Pass AAA Pass

Text on black

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