#342970

#342970

Color Values

HEX

#342970

RGB

52, 41, 112

HSL

249.3, 46.4%, 30.0%

HSV

249.3, 63.4%, 43.9%

CMYK

53.6%, 63.4%, 0.0%, 56.1%

OKLCH

0.3374 0.1176 285.3

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#342970

#657029

Analogous

#294170

#582970

#342970

Triadic

#342970

#703429

#297034

Split Complementary

#342970

#705829

#417029

Tetradic

#342970

#702941

#657029

#297058

Color Blindness Simulation

Original

#342970

Protanopia

#2F2F5F

Deuteranopia

#30315B

Tritanopia

#33514E

Achromatopsia

#303030

CSS Usage

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

Tailwind Shades

50
#F5F4FA
100
#E8E6F4
200
#D0CBEC
300
#AEA5DE
400
#8275CC
500
#5744BB
600
#453795
700
#372C77
800
#2B225D
900
#221C45
950
#16122B

Contrast Checker

Text on white

12.37:1

AA Pass AAA Pass

Text on black

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