#343576

#343576

Color Values

HEX

#343576

RGB

52, 53, 118

HSL

239.1, 38.8%, 33.3%

HSV

239.1, 55.9%, 46.3%

CMYK

55.9%, 55.1%, 0.0%, 53.7%

OKLCH

0.3657 0.1087 278.9

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#343576

#767534

Analogous

#345676

#543476

#343576

Triadic

#343576

#763435

#357634

Split Complementary

#343576

#765434

#567634

Tetradic

#343576

#763456

#767534

#347654

Color Blindness Simulation

Original

#343576

Protanopia

#343466

Deuteranopia

#343462

Tritanopia

#345A57

Achromatopsia

#393939

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E7E7F3
200
#CDCEE9
300
#AAABDA
400
#7C7DC5
500
#4E50B1
600
#3E408E
700
#323371
800
#272858
900
#202041
950
#141429

Contrast Checker

Text on white

10.96:1

AA Pass AAA Pass

Text on black

1.92:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026