#4338C7

#4338C7

Color Values

HEX

#4338C7

RGB

67, 56, 199

HSL

244.6, 56.1%, 50.0%

HSV

244.6, 71.9%, 78.0%

CMYK

66.3%, 71.9%, 0.0%, 22.0%

OKLCH

0.4539 0.211 277.3

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#4338C7

#BCC738

Analogous

#3875C7

#8A38C7

#4338C7

Triadic

#4338C7

#C74338

#38C743

Split Complementary

#4338C7

#C78A38

#75C738

Tetradic

#4338C7

#C73875

#BCC738

#38C78A

Color Blindness Simulation

Original

#4338C7

Protanopia

#3E3EA4

Deuteranopia

#3F409C

Tritanopia

#428983

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F4F4FB
100
#E6E5F6
200
#CAC7EF
300
#A59FE4
400
#746CD6
500
#4338C7
600
#362D9F
700
#2B247F
800
#211C64
900
#1C1849
950
#120F2E

Contrast Checker

Text on white

7.99:1

AA Pass AAA Pass

Text on black

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