#073B68

#073B68

Color Values

HEX

#073B68

RGB

7, 59, 104

HSL

207.8, 87.4%, 21.8%

HSV

207.8, 93.3%, 40.8%

CMYK

93.3%, 43.3%, 0.0%, 59.2%

OKLCH

0.347 0.0935 250.6

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#073B68

#683407

Analogous

#076865

#070B68

#073B68

Triadic

#073B68

#68073B

#3B6807

Split Complementary

#073B68

#68070B

#686507

Tetradic

#073B68

#650768

#683407

#0B6807

Color Blindness Simulation

Original

#073B68

Protanopia

#1E1E5D

Deuteranopia

#1A175A

Tritanopia

#0A5553

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDEFB
300
#8CC6F7
400
#4EA7F3
500
#1088EF
600
#0D6DBF
700
#0A5799
800
#084477
900
#0A3357
950
#072037

Contrast Checker

Text on white

11.45:1

AA Pass AAA Pass

Text on black

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