#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