#321F60

#321F60

Color Values

HEX

#321F60

RGB

50, 31, 96

HSL

257,5, 51,2%, 24,9%

HSV

257,5, 67,7%, 37,6%

CMYK

47,9%, 67,7%, 0,0%, 62,4%

OKLCH

0,3038 0,1097 292,0

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#321F60

#4D601F

Analogous

#1F2D60

#521F60

#321F60

Triadic

#321F60

#60321F

#1F6032

Split Complementary

#321F60

#60521F

#2D601F

Tetradic

#321F60

#601F2D

#4D601F

#1F6052

Color Blindness Simulation

Original

#321F60

Protanopia

#2A2A50

Deuteranopia

#2B2C4C

Tritanopia

#314441

Achromatopsia

#282828

CSS Usage

background-color: #321F60;
color: #321F60;
border-color: #321F60;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F6F4FB
100
#EAE5F5
200
#D4C9EE
300
#B5A2E1
400
#8D70D1
500
#643EC1
600
#50329A
700
#40287B
800
#321F60
900
#271A47
950
#19102D

Contrast Checker

Text on white

14,0:1

AA Pass AAA Pass

Text on black

1,5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026