#3F3552

#3F3552

Color Values

HEX

#3F3552

RGB

63, 53, 82

HSL

260.7, 21.5%, 26.5%

HSV

260.7, 35.4%, 32.2%

CMYK

23.2%, 35.4%, 0.0%, 67.8%

OKLCH

0.3524 0.0509 299.6

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3F3552

#485235

Analogous

#353A52

#4E3552

#3F3552

Triadic

#3F3552

#523F35

#35523F

Split Complementary

#3F3552

#524E35

#3A5235

Tetradic

#3F3552

#52353A

#485235

#35524E

Color Blindness Simulation

Original

#3F3552

Protanopia

#3B3B4B

Deuteranopia

#3B3C49

Tritanopia

#3E4544

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#ECEAF0
200
#D9D4E3
300
#BEB5CF
400
#9A8CB5
500
#77649B
600
#5F507C
700
#4C4063
800
#3C324D
900
#2E273A
950
#1D1925

Contrast Checker

Text on white

11.4:1

AA Pass AAA Pass

Text on black

1.84:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026