#313274

#313274

Color Values

HEX

#313274

RGB

49, 50, 116

HSL

239.1, 40.6%, 32.4%

HSV

239.1, 57.8%, 45.5%

CMYK

57.8%, 56.9%, 0.0%, 54.5%

OKLCH

0.3556 0.1108 278.5

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#313274

#747331

Analogous

#315474

#523174

#313274

Triadic

#313274

#743132

#327431

Split Complementary

#313274

#745231

#547431

Tetradic

#313274

#743154

#747331

#317452

Color Blindness Simulation

Original

#313274

Protanopia

#313164

Deuteranopia

#313160

Tritanopia

#315755

Achromatopsia

#373737

CSS Usage

background-color: #313274;
color: #313274;
border-color: #313274;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCDEA
300
#A9AADB
400
#7A7BC7
500
#4C4DB3
600
#3D3E8F
700
#303173
800
#26275A
900
#1F1F42
950
#13142A

Contrast Checker

Text on white

11.42:1

AA Pass AAA Pass

Text on black

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