#343271

#343271

Color Values

HEX

#343271

RGB

52, 50, 113

HSL

241.9, 38.7%, 32.0%

HSV

241.9, 55.8%, 44.3%

CMYK

54.0%, 55.8%, 0.0%, 55.7%

OKLCH

0.3557 0.1056 281.0

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#343271

#6F7132

Analogous

#325071

#543271

#343271

Triadic

#343271

#713432

#327134

Split Complementary

#343271

#715432

#507132

Tetradic

#343271

#713250

#6F7132

#327154

Color Blindness Simulation

Original

#343271

Protanopia

#333362

Deuteranopia

#33335E

Tritanopia

#345653

Achromatopsia

#373737

CSS Usage

background-color: #343271;
color: #343271;
border-color: #343271;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F5F5FA
100
#E8E7F3
200
#CECDE9
300
#ACAAD9
400
#7E7CC5
500
#514EB1
600
#413F8D
700
#343271
800
#292758
900
#212041
950
#151429

Contrast Checker

Text on white

11.41:1

AA Pass AAA Pass

Text on black

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