#312AAF

#312AAF

Color Values

HEX

#312AAF

RGB

49, 42, 175

HSL

243.2, 61.3%, 42.5%

HSV

243.2, 76.0%, 68.6%

CMYK

72.0%, 76.0%, 0.0%, 31.4%

OKLCH

0.3978 0.1999 274.7

Properties

Cool Dark Nearest: darkblue

Color Harmonies

Complementary

#312AAF

#A8AF2A

Analogous

#2A65AF

#732AAF

#312AAF

Triadic

#312AAF

#AF312A

#2AAF31

Split Complementary

#312AAF

#AF732A

#65AF2A

Tetradic

#312AAF

#AF2A65

#A8AF2A

#2AAF73

Color Blindness Simulation

Original

#312AAF

Protanopia

#2E2E8F

Deuteranopia

#2E2F87

Tritanopia

#317570

Achromatopsia

#353535

CSS Usage

background-color: #312AAF;
color: #312AAF;
border-color: #312AAF;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F6
200
#C8C5F1
300
#A09CE7
400
#6D67DA
500
#3A31CE
600
#2E27A5
700
#252084
800
#1D1967
900
#19164B
950
#100E2F

Contrast Checker

Text on white

10.09:1

AA Pass AAA Pass

Text on black

2.08:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026