#073376

#073376

Color Values

HEX

#073376

RGB

7, 51, 118

HSL

216,2, 88,8%, 24,5%

HSV

216,2, 94,1%, 46,3%

CMYK

94,1%, 56,8%, 0,0%, 53,7%

OKLCH

0,3387 0,124 259,6

Properties

Cool Dark Nearest: NCS S 3060-B Dark Blue

Color Harmonies

Complementary

#073376

#764A07

Analogous

#076A76

#120776

#073376

Triadic

#073376

#760733

#337607

Split Complementary

#073376

#761207

#6A7607

Tetradic

#073376

#76076A

#764A07

#077612

Color Blindness Simulation

Original

#073376

Protanopia

#1A1A66

Deuteranopia

#181462

Tritanopia

#095956

Achromatopsia

#2E2E2E

CSS Usage

background-color: #073376;
color: #073376;
border-color: #073376;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F6FD
100
#E0EAFB
200
#BCD5FB
300
#8BB7F8
400
#4D8FF4
500
#0E68F1
600
#0B53C1
700
#09439A
800
#073478
900
#0A2857
950
#061A37

Contrast Checker

Text on white

12,04:1

AA Pass AAA Pass

Text on black

1,74:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026