#0346AD

#0346AD

Color Values

HEX

#0346AD

RGB

3, 70, 173

HSL

216.4, 96.6%, 34.5%

HSV

216.4, 98.3%, 67.8%

CMYK

98.3%, 59.5%, 0.0%, 32.2%

OKLCH

0.4286 0.1755 260.4

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#0346AD

#AD6A03

Analogous

#039BAD

#1503AD

#0346AD

Triadic

#0346AD

#AD0346

#46AD03

Split Complementary

#0346AD

#AD1503

#9BAD03

Tetradic

#0346AD

#AD039B

#AD6A03

#03AD15

Color Blindness Simulation

Original

#0346AD

Protanopia

#202194

Deuteranopia

#1C178E

Tritanopia

#06807C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #0346AD;
color: #0346AD;
border-color: #0346AD;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F6FE
100
#DEEAFC
200
#B9D4FE
300
#87B5FD
400
#468DFC
500
#0465FB
600
#0351C9
700
#0341A0
800
#02337D
900
#06275B
950
#041939

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

2.48:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026