#345077

#345077

Color Values

HEX

#345077

RGB

52, 80, 119

HSL

214.9, 39.2%, 33.5%

HSV

214.9, 56.3%, 46.7%

CMYK

56.3%, 32.8%, 0.0%, 53.3%

OKLCH

0.4276 0.0735 256.8

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#345077

#775B34

Analogous

#347177

#393477

#345077

Triadic

#345077

#773450

#507734

Split Complementary

#345077

#773934

#717734

Tetradic

#345077

#773471

#775B34

#347739

Color Blindness Simulation

Original

#345077

Protanopia

#40406E

Deuteranopia

#3E3C6B

Tritanopia

#356664

Achromatopsia

#4D4D4D

CSS Usage

background-color: #345077;
color: #345077;
border-color: #345077;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E7ECF3
200
#CDD9E9
300
#AABEDA
400
#7C9BC6
500
#4E77B1
600
#3E5F8E
700
#324C72
800
#273C59
900
#1F2E42
950
#141D29

Contrast Checker

Text on white

8.2:1

AA Pass AAA Pass

Text on black

2.56:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026