#2C31AF

#2C31AF

Color Values

HEX

#2C31AF

RGB

44, 49, 175

HSL

237.7, 59.8%, 42.9%

HSV

237.7, 74.9%, 68.6%

CMYK

74.9%, 72.0%, 0.0%, 31.4%

OKLCH

0.4049 0.1942 272.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#2C31AF

#AFAA2C

Analogous

#2C72AF

#682CAF

#2C31AF

Triadic

#2C31AF

#AF2C31

#31AF2C

Split Complementary

#2C31AF

#AF682C

#72AF2C

Tetradic

#2C31AF

#AF2C72

#AFAA2C

#2CAF68

Color Blindness Simulation

Original

#2C31AF

Protanopia

#2E2E91

Deuteranopia

#2E2E89

Tritanopia

#2C7873

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C8F1
300
#9DA0E6
400
#686DD9
500
#3339CC
600
#292EA3
700
#212582
800
#1A1D66
900
#16184B
950
#0E0F2F

Contrast Checker

Text on white

9.7:1

AA Pass AAA Pass

Text on black

2.17:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026