#342CAA

#342CAA

Color Values

HEX

#342CAA

RGB

52, 44, 170

HSL

243.8, 58.9%, 42.0%

HSV

243.8, 74.1%, 66.7%

CMYK

69.4%, 74.1%, 0.0%, 33.3%

OKLCH

0.3973 0.1911 276.0

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#342CAA

#A2AA2C

Analogous

#2C63AA

#732CAA

#342CAA

Triadic

#342CAA

#AA342C

#2CAA34

Split Complementary

#342CAA

#AA732C

#63AA2C

Tetradic

#342CAA

#AA2C63

#A2AA2C

#2CAA73

Color Blindness Simulation

Original

#342CAA

Protanopia

#31308C

Deuteranopia

#313284

Tritanopia

#34736E

Achromatopsia

#373737

CSS Usage

background-color: #342CAA;
color: #342CAA;
border-color: #342CAA;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E4F6
200
#C9C6F0
300
#A29EE6
400
#7069D8
500
#3E34CB
600
#322AA2
700
#282282
800
#1F1A65
900
#1A174A
950
#100E2F

Contrast Checker

Text on white

10.06:1

AA Pass AAA Pass

Text on black

2.09:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

ก.พ. 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026