#3F336C

#3F336C

Color Values

HEX

#3F336C

RGB

63, 51, 108

HSL

252.6, 35.8%, 31.2%

HSV

252.6, 52.8%, 42.4%

CMYK

41.7%, 52.8%, 0.0%, 57.6%

OKLCH

0.3642 0.0953 290.6

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3F336C

#606C33

Analogous

#33446C

#5C336C

#3F336C

Triadic

#3F336C

#6C3F33

#336C3F

Split Complementary

#3F336C

#6C5C33

#446C33

Tetradic

#3F336C

#6C3344

#606C33

#336C5C

Color Blindness Simulation

Original

#3F336C

Protanopia

#3A3A5E

Deuteranopia

#3A3B5B

Tritanopia

#3E5351

Achromatopsia

#3A3A3A

CSS Usage

background-color: #3F336C;
color: #3F336C;
border-color: #3F336C;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5FA
100
#EAE8F3
200
#D4CFE8
300
#B5ACD8
400
#8D7FC2
500
#6552AD
600
#51418B
700
#41346F
800
#332957
900
#272140
950
#191528

Contrast Checker

Text on white

11.04:1

AA Pass AAA Pass

Text on black

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