#303C74

#303C74

Color Values

HEX

#303C74

RGB

48, 60, 116

HSL

229.4, 41.5%, 32.2%

HSV

229.4, 58.6%, 45.5%

CMYK

58.6%, 48.3%, 0.0%, 54.5%

OKLCH

0.3763 0.0965 271.9

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#303C74

#746830

Analogous

#305E74

#463074

#303C74

Triadic

#303C74

#74303C

#3C7430

Split Complementary

#303C74

#744630

#5E7430

Tetradic

#303C74

#74305E

#746830

#307446

Color Blindness Simulation

Original

#303C74

Protanopia

#353566

Deuteranopia

#343463

Tritanopia

#315C59

Achromatopsia

#3D3D3D

CSS Usage

background-color: #303C74;
color: #303C74;
border-color: #303C74;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F5F6FA
100
#E7E9F3
200
#CCD2EA
300
#A8B1DB
400
#7987C8
500
#4B5DB4
600
#3C4B90
700
#303C73
800
#252F5A
900
#1E2543
950
#13172A

Contrast Checker

Text on white

10.37:1

AA Pass AAA Pass

Text on black

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