#145ABE

#145ABE

Color Values

HEX

#145ABE

RGB

20, 90, 190

HSL

215.3, 81.0%, 41.2%

HSV

215.3, 89.5%, 74.5%

CMYK

89.5%, 52.6%, 0.0%, 25.5%

OKLCH

0.4876 0.171 258.9

Properties

Cool Dark Nearest: royalblue 3

Color Harmonies

Complementary

#145ABE

#BE7814

Analogous

#14AFBE

#2314BE

#145ABE

Triadic

#145ABE

#BE145A

#5ABE14

Split Complementary

#145ABE

#BE2314

#AFBE14

Tetradic

#145ABE

#BE14AF

#BE7814

#14BE23

Color Blindness Simulation

Original

#145ABE

Protanopia

#3233A6

Deuteranopia

#2E29A0

Tritanopia

#18938E

Achromatopsia

#525252

CSS Usage

background-color: #145ABE;
color: #145ABE;
border-color: #145ABE;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F6FD
100
#E1EBF9
200
#BED6F8
300
#90B9F3
400
#5493ED
500
#186DE7
600
#1357B9
700
#104694
800
#0C3773
900
#0D2A54
950
#081B35

Contrast Checker

Text on white

6.49:1

AA Pass AAA Fail

Text on black

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