#345285

#345285

Color Values

HEX

#345285

RGB

52, 82, 133

HSL

217.8, 43.8%, 36.3%

HSV

217.8, 60.9%, 52.2%

CMYK

60.9%, 38.3%, 0.0%, 47.8%

OKLCH

0.4406 0.0918 260.4

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#345285

#856734

Analogous

#347B85

#3F3485

#345285

Triadic

#345285

#853452

#528534

Split Complementary

#345285

#853F34

#7B8534

Tetradic

#345285

#85347B

#856734

#34853F

Color Blindness Simulation

Original

#345285

Protanopia

#414179

Deuteranopia

#3F3D76

Tritanopia

#366F6D

Achromatopsia

#4F4F4F

CSS Usage

background-color: #345285;
color: #345285;
border-color: #345285;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E7EBF4
200
#CCD7EB
300
#A7BBDD
400
#7796CA
500
#4871B7
600
#395A93
700
#2E4875
800
#24385C
900
#1D2B44
950
#131B2B

Contrast Checker

Text on white

7.8:1

AA Pass AAA Pass

Text on black

2.69:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026