#3439BB

#3439BB

Color Values

HEX

#3439BB

RGB

52, 57, 187

HSL

237.8, 56.5%, 46.9%

HSV

237.8, 72.2%, 73.3%

CMYK

72.2%, 69.5%, 0.0%, 26.7%

OKLCH

0.434 0.1987 272.8

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#3439BB

#BBB634

Analogous

#347DBB

#7334BB

#3439BB

Triadic

#3439BB

#BB3439

#39BB34

Split Complementary

#3439BB

#BB7334

#7DBB34

Tetradic

#3439BB

#BB347D

#BBB634

#34BB73

Color Blindness Simulation

Original

#3439BB

Protanopia

#36369C

Deuteranopia

#363694

Tritanopia

#34837D

Achromatopsia

#414141

CSS Usage

background-color: #3439BB;
color: #3439BB;
border-color: #3439BB;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F4F4FB
100
#E5E5F6
200
#C7C9EF
300
#9FA2E4
400
#6B6FD6
500
#373DC8
600
#2C31A0
700
#232780
800
#1C1E64
900
#181A49
950
#0F102E

Contrast Checker

Text on white

8.58:1

AA Pass AAA Pass

Text on black

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