#3F284C

#3F284C

Color Values

HEX

#3F284C

RGB

63, 40, 76

HSL

278.3, 31.0%, 22.7%

HSV

278.3, 47.4%, 29.8%

CMYK

17.1%, 47.4%, 0.0%, 70.2%

OKLCH

0.3215 0.0681 312.5

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#3F284C

#354C28

Analogous

#2D284C

#4C2847

#3F284C

Triadic

#3F284C

#4C3F28

#284C3F

Split Complementary

#3F284C

#474C28

#284C2D

Tetradic

#3F284C

#4C2D28

#354C28

#28474C

Color Blindness Simulation

Original

#3F284C

Protanopia

#353543

Deuteranopia

#363841

Tritanopia

#3E3C3B

Achromatopsia

#2F2F2F

CSS Usage

background-color: #3F284C;
color: #3F284C;
border-color: #3F284C;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DED0E6
300
#C7AFD5
400
#A983BE
500
#8A58A7
600
#6F4686
700
#59386B
800
#452C54
900
#34233E
950
#211627

Contrast Checker

Text on white

12.97:1

AA Pass AAA Pass

Text on black

1.62:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026