#345786

#345786

Color Values

HEX

#345786

RGB

52, 87, 134

HSL

214.4, 44.1%, 36.5%

HSV

214.4, 61.2%, 52.5%

CMYK

61.2%, 35.1%, 0.0%, 47.5%

OKLCH

0.453 0.0875 256.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#345786

#866334

Analogous

#348086

#3A3486

#345786

Triadic

#345786

#863457

#578634

Split Complementary

#345786

#863A34

#808634

Tetradic

#345786

#863480

#866334

#34863A

Color Blindness Simulation

Original

#345786

Protanopia

#43437B

Deuteranopia

#413E78

Tritanopia

#367270

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6ECF4
200
#CCD9EB
300
#A7BEDD
400
#779BCA
500
#4777B8
600
#395F93
700
#2E4C76
800
#243C5C
900
#1D2E44
950
#121D2B

Contrast Checker

Text on white

7.36:1

AA Pass AAA Pass

Text on black

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