#304373

#304373

Color Values

HEX

#304373

RGB

48, 67, 115

HSL

223.0, 41.1%, 32.0%

HSV

223.0, 58.3%, 45.1%

CMYK

58.3%, 41.7%, 0.0%, 54.9%

OKLCH

0.3916 0.0852 266.3

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#304373

#736030

Analogous

#306573

#3F3073

#304373

Triadic

#304373

#733043

#437330

Split Complementary

#304373

#733F30

#657330

Tetradic

#304373

#733065

#736030

#30733F

Color Blindness Simulation

Original

#304373

Protanopia

#383867

Deuteranopia

#373665

Tritanopia

#315E5C

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD5EA
300
#A9B7DB
400
#7A90C7
500
#4B69B4
600
#3C5490
700
#304373
800
#26345A
900
#1F2942
950
#131A2A

Contrast Checker

Text on white

9.65:1

AA Pass AAA Pass

Text on black

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