#2C2C86

#2C2C86

Color Values

HEX

#2C2C86

RGB

44, 44, 134

HSL

240.0, 50.6%, 34.9%

HSV

240.0, 67.2%, 52.5%

CMYK

67.2%, 67.2%, 0.0%, 47.5%

OKLCH

0.356 0.1462 276.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2C2C86

#86862C

Analogous

#2C5986

#592C86

#2C2C86

Triadic

#2C2C86

#862C2C

#2C862C

Split Complementary

#2C2C86

#86592C

#59862C

Tetradic

#2C2C86

#862C59

#86862C

#2C8659

Color Blindness Simulation

Original

#2C2C86

Protanopia

#2C2C70

Deuteranopia

#2C2C6B

Tritanopia

#2C5F5B

Achromatopsia

#323232

CSS Usage

background-color: #2C2C86;
color: #2C2C86;
border-color: #2C2C86;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F4F4FB
100
#E5E5F5
200
#C9C9ED
300
#A3A3E1
400
#7171D0
500
#3F3FC0
600
#32329A
700
#28287B
800
#1F1F60
900
#1A1A47
950
#11112D

Contrast Checker

Text on white

11.59:1

AA Pass AAA Pass

Text on black

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