#2C226C

#2C226C

Color Values

HEX

#2C226C

RGB

44, 34, 108

HSL

248.1, 52.1%, 27.8%

HSV

248.1, 68.5%, 42.4%

CMYK

59.3%, 68.5%, 0.0%, 57.6%

OKLCH

0.3138 0.1228 282.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#2C226C

#626C22

Analogous

#223D6C

#51226C

#2C226C

Triadic

#2C226C

#6C2C22

#226C2C

Split Complementary

#2C226C

#6C5122

#3D6C22

Tetradic

#2C226C

#6C223D

#626C22

#226C51

Color Blindness Simulation

Original

#2C226C

Protanopia

#28285A

Deuteranopia

#282956

Tritanopia

#2C4C49

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CEC9EE
300
#ABA2E2
400
#7D6FD2
500
#4F3DC2
600
#3F319B
700
#33277C
800
#281F61
900
#201A47
950
#14102D

Contrast Checker

Text on white

13.53:1

AA Pass AAA Pass

Text on black

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