#312898

#312898

Color Values

HEX

#312898

RGB

49, 40, 152

HSL

244.8, 58.3%, 37.6%

HSV

244.8, 73.7%, 59.6%

CMYK

67.8%, 73.7%, 0.0%, 40.4%

OKLCH

0.3709 0.1734 277.3

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#312898

#8F9828

Analogous

#285798

#692898

#312898

Triadic

#312898

#983128

#289831

Split Complementary

#312898

#986928

#579828

Tetradic

#312898

#982857

#8F9828

#289869

Color Blindness Simulation

Original

#312898

Protanopia

#2D2D7D

Deuteranopia

#2E2E76

Tritanopia

#316763

Achromatopsia

#323232

CSS Usage

background-color: #312898;
color: #312898;
border-color: #312898;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC6F0
300
#A49EE5
400
#726AD8
500
#4135CA
600
#342BA1
700
#2A2281
800
#211B65
900
#1B174A
950
#110F2F

Contrast Checker

Text on white

11.13:1

AA Pass AAA Pass

Text on black

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