#341C88

#341C88

Color Values

HEX

#341C88

RGB

52, 28, 136

HSL

253.3, 65.9%, 32.2%

HSV

253.3, 79.4%, 53.3%

CMYK

61.8%, 79.4%, 0.0%, 46.7%

OKLCH

0.3404 0.1652 283.5

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#341C88

#70881C

Analogous

#1C3A88

#6A1C88

#341C88

Triadic

#341C88

#88341C

#1C8834

Split Complementary

#341C88

#886A1C

#3A881C

Tetradic

#341C88

#881C3A

#70881C

#1C886A

Color Blindness Simulation

Original

#341C88

Protanopia

#2A296E

Deuteranopia

#2B2D68

Tritanopia

#335955

Achromatopsia

#292929

CSS Usage

background-color: #341C88;
color: #341C88;
border-color: #341C88;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F5F3FC
100
#E8E3F7
200
#CEC4F3
300
#AB99EA
400
#7E62DF
500
#512BD4
600
#4123A9
700
#341C87
800
#28166A
900
#20144D
950
#140C31

Contrast Checker

Text on white

12.59:1

AA Pass AAA Pass

Text on black

1.67:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026