#3B3754

#3B3754

Color Values

HEX

#3B3754

RGB

59, 55, 84

HSL

248.3, 20.9%, 27.3%

HSV

248.3, 34.5%, 32.9%

CMYK

29.8%, 34.5%, 0.0%, 67.1%

OKLCH

0.3539 0.0499 289.9

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#3B3754

#505437

Analogous

#374254

#4A3754

#3B3754

Triadic

#3B3754

#543B37

#37543B

Split Complementary

#3B3754

#544A37

#425437

Tetradic

#3B3754

#543742

#505437

#37544A

Color Blindness Simulation

Original

#3B3754

Protanopia

#39394D

Deuteranopia

#3A3A4B

Tritanopia

#3B4746

Achromatopsia

#3A3A3A

CSS Usage

background-color: #3B3754;
color: #3B3754;
border-color: #3B3754;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F6F6F9
100
#EBEAF0
200
#D6D4E3
300
#B9B5CF
400
#928DB4
500
#6C659A
600
#57517B
700
#454163
800
#36324D
900
#2A273A
950
#1A1924

Contrast Checker

Text on white

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