#4334A7

#4334A7

Color Values

HEX

#4334A7

RGB

67, 52, 167

HSL

247.8, 52.5%, 42.9%

HSV

247.8, 68.9%, 65.5%

CMYK

59.9%, 68.9%, 0.0%, 34.5%

OKLCH

0.4177 0.1755 281.6

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#4334A7

#98A734

Analogous

#345EA7

#7C34A7

#4334A7

Triadic

#4334A7

#A74334

#34A743

Split Complementary

#4334A7

#A77C34

#5EA734

Tetradic

#4334A7

#A7345E

#98A734

#34A77C

Color Blindness Simulation

Original

#4334A7

Protanopia

#3D3C8B

Deuteranopia

#3D3E84

Tritanopia

#427570

Achromatopsia

#3F3F3F

CSS Usage

background-color: #4334A7;
color: #4334A7;
border-color: #4334A7;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F5F4FB
100
#E7E5F5
200
#CDC9EE
300
#AAA2E2
400
#7C6FD2
500
#4E3DC2
600
#3E309C
700
#32277C
800
#271E61
900
#201A47
950
#14102D

Contrast Checker

Text on white

9.18:1

AA Pass AAA Pass

Text on black

2.29:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026