#073156

#073156

Color Values

HEX

#073156

RGB

7, 49, 86

HSL

208.1, 84.9%, 18.2%

HSV

208.1, 91.9%, 33.7%

CMYK

91.9%, 43.0%, 0.0%, 66.3%

OKLCH

0.3077 0.0798 250.3

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#073156

#562C07

Analogous

#075653

#070A56

#073156

Triadic

#073156

#560731

#315607

Split Complementary

#073156

#56070A

#565307

Tetradic

#073156

#530756

#562C07

#0A5607

Color Blindness Simulation

Original

#073156

Protanopia

#191A4D

Deuteranopia

#17144B

Tritanopia

#094644

Achromatopsia

#2B2B2B

CSS Usage

background-color: #073156;
color: #073156;
border-color: #073156;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDDFA
300
#8EC5F6
400
#51A6F1
500
#1386EC
600
#0F6BBD
700
#0C5697
800
#0A4376
900
#0B3355
950
#072036

Contrast Checker

Text on white

13.27:1

AA Pass AAA Pass

Text on black

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