#145AAD

#145AAD

Color Values

HEX

#145AAD

RGB

20, 90, 173

HSL

212.5, 79.3%, 37.8%

HSV

212.5, 88.4%, 67.8%

CMYK

88.4%, 48.0%, 0.0%, 32.2%

OKLCH

0.4747 0.1484 256.1

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#145AAD

#AD6714

Analogous

#14A6AD

#1A14AD

#145AAD

Triadic

#145AAD

#AD145A

#5AAD14

Split Complementary

#145AAD

#AD1A14

#A6AD14

Tetradic

#145AAD

#AD14A6

#AD6714

#14AD1A

Color Blindness Simulation

Original

#145AAD

Protanopia

#323399

Deuteranopia

#2E2994

Tritanopia

#188986

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD9F8
300
#91BEF2
400
#569AEB
500
#1A77E5
600
#155FB7
700
#114C92
800
#0D3C72
900
#0E2E53
950
#091D34

Contrast Checker

Text on white

6.78:1

AA Pass AAA Fail

Text on black

3.1:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026