#2C30AE

#2C30AE

Color Values

HEX

#2C30AE

RGB

44, 48, 174

HSL

238.2, 59.6%, 42.7%

HSV

238.2, 74.7%, 68.2%

CMYK

74.7%, 72.4%, 0.0%, 31.8%

OKLCH

0.4023 0.194 272.2

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#2C30AE

#AEAA2C

Analogous

#2C71AE

#692CAE

#2C30AE

Triadic

#2C30AE

#AE2C30

#30AE2C

Split Complementary

#2C30AE

#AE692C

#71AE2C

Tetradic

#2C30AE

#AE2C71

#AEAA2C

#2CAE69

Color Blindness Simulation

Original

#2C30AE

Protanopia

#2E2E90

Deuteranopia

#2E2D88

Tritanopia

#2C7772

Achromatopsia

#383838

CSS Usage

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

Tailwind Shades

50
#F3F4FB
100
#E4E5F6
200
#C6C7F1
300
#9DA0E6
400
#686CD9
500
#3438CB
600
#292DA3
700
#212482
800
#1A1C66
900
#16184A
950
#0E0F2F

Contrast Checker

Text on white

9.81:1

AA Pass AAA Pass

Text on black

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