#07445A

#07445A

Color Values

HEX

#07445A

RGB

7, 68, 90

HSL

195.9, 85.6%, 19.0%

HSV

195.9, 92.2%, 35.3%

CMYK

92.2%, 24.4%, 0.0%, 64.7%

OKLCH

0.3623 0.0679 229.0

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#07445A

#5A1D07

Analogous

#075A46

#071A5A

#07445A

Triadic

#07445A

#5A0744

#445A07

Split Complementary

#07445A

#5A071A

#5A4607

Tetradic

#07445A

#46075A

#5A1D07

#1A5A07

Color Blindness Simulation

Original

#07445A

Protanopia

#212255

Deuteranopia

#1E1953

Tritanopia

#0A5050

Achromatopsia

#393939

CSS Usage

background-color: #07445A;
color: #07445A;
border-color: #07445A;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F2FAFD
100
#E0F3FA
200
#BDEAFA
300
#8DDAF6
400
#50C7F1
500
#12B3ED
600
#0F8FBD
700
#0C7297
800
#095976
900
#0B4256
950
#072A36

Contrast Checker

Text on white

10.59:1

AA Pass AAA Pass

Text on black

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