#31286C

#31286C

Color Values

HEX

#31286C

RGB

49, 40, 108

HSL

247.9, 45.9%, 29.0%

HSV

247.9, 63.0%, 42.4%

CMYK

54.6%, 63.0%, 0.0%, 57.6%

OKLCH

0.3293 0.1136 284.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#31286C

#636C28

Analogous

#28416C

#53286C

#31286C

Triadic

#31286C

#6C3128

#286C31

Split Complementary

#31286C

#6C5328

#416C28

Tetradic

#31286C

#6C2841

#636C28

#286C53

Color Blindness Simulation

Original

#31286C

Protanopia

#2D2D5C

Deuteranopia

#2E2E58

Tritanopia

#314F4C

Achromatopsia

#2F2F2F

CSS Usage

background-color: #31286C;
color: #31286C;
border-color: #31286C;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#CFCBEC
300
#ADA6DE
400
#8175CC
500
#5445BA
600
#443795
700
#362C77
800
#2A225D
900
#221C44
950
#15122B

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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