#313569

#313569

Color Values

HEX

#313569

RGB

49, 53, 105

HSL

235.7, 36.4%, 30.2%

HSV

235.7, 53.3%, 41.2%

CMYK

53.3%, 49.5%, 0.0%, 58.8%

OKLCH

0.3537 0.0892 277.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#313569

#696531

Analogous

#315169

#493169

#313569

Triadic

#313569

#693135

#356931

Split Complementary

#313569

#694931

#516931

Tetradic

#313569

#693151

#696531

#316949

Color Blindness Simulation

Original

#313569

Protanopia

#33335C

Deuteranopia

#323259

Tritanopia

#315250

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E8E8F3
200
#CED0E8
300
#ACAFD8
400
#7E83C3
500
#5158AE
600
#41468B
700
#34386F
800
#292C57
900
#212340
950
#151629

Contrast Checker

Text on white

11.39:1

AA Pass AAA Pass

Text on black

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