#332FA3

#332FA3

Color Values

HEX

#332FA3

RGB

51, 47, 163

HSL

242.1, 55.2%, 41.2%

HSV

242.1, 71.2%, 63.9%

CMYK

68.7%, 71.2%, 0.0%, 36.1%

OKLCH

0.394 0.1794 275.8

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#332FA3

#9FA32F

Analogous

#2F65A3

#6D2FA3

#332FA3

Triadic

#332FA3

#A3332F

#2FA333

Split Complementary

#332FA3

#A36D2F

#65A32F

Tetradic

#332FA3

#A32F65

#9FA32F

#2FA36D

Color Blindness Simulation

Original

#332FA3

Protanopia

#313187

Deuteranopia

#323280

Tritanopia

#33716C

Achromatopsia

#383838

CSS Usage

background-color: #332FA3;
color: #332FA3;
border-color: #332FA3;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C9C8EF
300
#A2A0E4
400
#706DD5
500
#3E39C6
600
#322E9E
700
#28257F
800
#1F1D63
900
#1A1849
950
#100F2E

Contrast Checker

Text on white

10.11:1

AA Pass AAA Pass

Text on black

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