#145CAD

#145CAD

Color Values

HEX

#145CAD

RGB

20, 92, 173

HSL

211.8, 79.3%, 37.8%

HSV

211.8, 88.4%, 67.8%

CMYK

88.4%, 46.8%, 0.0%, 32.2%

OKLCH

0.4792 0.146 255.3

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#145CAD

#AD6514

Analogous

#14A8AD

#1914AD

#145CAD

Triadic

#145CAD

#AD145C

#5CAD14

Split Complementary

#145CAD

#AD1914

#A8AD14

Tetradic

#145CAD

#AD14A8

#AD6514

#14AD19

Color Blindness Simulation

Original

#145CAD

Protanopia

#333499

Deuteranopia

#2F2A95

Tritanopia

#188A87

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFDAF8
300
#91BFF2
400
#569CEB
500
#1A79E5
600
#1561B7
700
#114E92
800
#0D3D72
900
#0E2E53
950
#091D34

Contrast Checker

Text on white

6.64:1

AA Pass AAA Fail

Text on black

3.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026