#145AB8

#145AB8

Color Values

HEX

#145AB8

RGB

20, 90, 184

HSL

214.4, 80.4%, 40.0%

HSV

214.4, 89.1%, 72.2%

CMYK

89.1%, 51.1%, 0.0%, 27.8%

OKLCH

0.483 0.1631 258.0

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#145AB8

#B87214

Analogous

#14ACB8

#2014B8

#145AB8

Triadic

#145AB8

#B8145A

#5AB814

Split Complementary

#145AB8

#B82014

#ACB814

Tetradic

#145AB8

#B814AC

#B87214

#14B820

Color Blindness Simulation

Original

#145AB8

Protanopia

#3233A1

Deuteranopia

#2E299C

Tritanopia

#188F8B

Achromatopsia

#525252

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1EBF9
200
#BFD7F8
300
#91BBF3
400
#5596ED
500
#1970E6
600
#145AB8
700
#104893
800
#0C3873
900
#0D2B54
950
#081B35

Contrast Checker

Text on white

6.59:1

AA Pass AAA Fail

Text on black

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