#3C356E

#3C356E

Color Values

HEX

#3C356E

RGB

60, 53, 110

HSL

247.4, 35.0%, 32.0%

HSV

247.4, 51.8%, 43.1%

CMYK

45.5%, 51.8%, 0.0%, 56.9%

OKLCH

0.3668 0.0952 286.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#3C356E

#676E35

Analogous

#354B6E

#59356E

#3C356E

Triadic

#3C356E

#6E3C35

#356E3C

Split Complementary

#3C356E

#6E5935

#4B6E35

Tetradic

#3C356E

#6E354B

#676E35

#356E59

Color Blindness Simulation

Original

#3C356E

Protanopia

#393960

Deuteranopia

#393A5D

Tritanopia

#3C5553

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#E9E8F2
200
#D2CFE8
300
#B2ACD7
400
#8880C2
500
#5E53AC
600
#4B428A
700
#3C356E
800
#2F2956
900
#252140
950
#171528

Contrast Checker

Text on white

10.9:1

AA Pass AAA Pass

Text on black

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