#3F367F

#3F367F

Color Values

HEX

#3F367F

RGB

63, 54, 127

HSL

247,4, 40,3%, 35,5%

HSV

247,4, 57,5%, 49,8%

CMYK

50,4%, 57,5%, 0,0%, 50,2%

OKLCH

0,384 0,1189 284,9

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#3F367F

#767F36

Analogous

#36527F

#64367F

#3F367F

Triadic

#3F367F

#7F3F36

#367F3F

Split Complementary

#3F367F

#7F6436

#527F36

Tetradic

#3F367F

#7F3652

#767F36

#367F64

Color Blindness Simulation

Original

#3F367F

Protanopia

#3B3B6D

Deuteranopia

#3C3C69

Tritanopia

#3F5F5C

Achromatopsia

#3D3D3D

CSS Usage

background-color: #3F367F;
color: #3F367F;
border-color: #3F367F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F5FA
100
#E9E7F3
200
#D0CDEA
300
#AFA9DA
400
#847BC7
500
#594CB3
600
#473D8F
700
#393172
800
#2C2659
900
#231F42
950
#16142A

Contrast Checker

Text on white

10,27:1

AA Pass AAA Pass

Text on black

2,05:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026