#345467

#345467

Color Values

HEX

#345467

RGB

52, 84, 103

HSL

202.4, 32.9%, 30.4%

HSV

202.4, 49.5%, 40.4%

CMYK

49.5%, 18.4%, 0.0%, 59.6%

OKLCH

0.4293 0.0491 235.6

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#345467

#674734

Analogous

#346761

#343A67

#345467

Triadic

#345467

#673454

#546734

Split Complementary

#345467

#67343A

#676134

Tetradic

#345467

#613467

#674734

#3A6734

Color Blindness Simulation

Original

#345467

Protanopia

#424262

Deuteranopia

#403E61

Tritanopia

#365F5E

Achromatopsia

#4F4F4F

CSS Usage

background-color: #345467;
color: #345467;
border-color: #345467;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F5F8F9
100
#E8EEF2
200
#D0DEE7
300
#AEC7D6
400
#82A9C0
500
#568AA9
600
#446F88
700
#37586C
800
#2B4555
900
#22343F
950
#162128

Contrast Checker

Text on white

8.05:1

AA Pass AAA Pass

Text on black

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