#145489

#145489

Color Values

HEX

#145489

RGB

20, 84, 137

HSL

207.2, 74.5%, 30.8%

HSV

207.2, 85.4%, 53.7%

CMYK

85.4%, 38.7%, 0.0%, 46.3%

OKLCH

0.4355 0.1072 248.7

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#145489

#894914

Analogous

#148984

#141989

#145489

Triadic

#145489

#891454

#548914

Split Complementary

#145489

#891419

#898414

Tetradic

#145489

#841489

#894914

#198914

Color Blindness Simulation

Original

#145489

Protanopia

#30307C

Deuteranopia

#2C2779

Tritanopia

#177270

Achromatopsia

#4A4A4A

CSS Usage

background-color: #145489;
color: #145489;
border-color: #145489;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF6
300
#94C6EF
400
#5AA7E7
500
#2188DE
600
#1A6DB2
700
#15578E
800
#10446F
900
#103351
950
#0A2133

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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