#145CB8

#145CB8

Color Values

HEX

#145CB8

RGB

20, 92, 184

HSL

213.7, 80.4%, 40.0%

HSV

213.7, 89.1%, 72.2%

CMYK

89.1%, 50.0%, 0.0%, 27.8%

OKLCH

0.4874 0.1606 257.3

Properties

Cool Dark Nearest: Denim

Color Harmonies

Complementary

#145CB8

#B87014

Analogous

#14AEB8

#1E14B8

#145CB8

Triadic

#145CB8

#B8145C

#5CB814

Split Complementary

#145CB8

#B81E14

#AEB814

Tetradic

#145CB8

#B814AE

#B87014

#14B81E

Color Blindness Simulation

Original

#145CB8

Protanopia

#3334A2

Deuteranopia

#2F2A9C

Tritanopia

#18908C

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD8F8
300
#91BCF3
400
#5597ED
500
#1973E6
600
#145CB8
700
#104A93
800
#0C3973
900
#0D2C54
950
#081C35

Contrast Checker

Text on white

6.46:1

AA Pass AAA Fail

Text on black

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