#145FAA

#145FAA

Color Values

HEX

#145FAA

RGB

20, 95, 170

HSL

210.0, 78.9%, 37.3%

HSV

210.0, 88.2%, 66.7%

CMYK

88.2%, 44.1%, 0.0%, 33.3%

OKLCH

0.484 0.1385 253.3

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#145FAA

#AA5F14

Analogous

#14AAAA

#1414AA

#145FAA

Triadic

#145FAA

#AA145F

#5FAA14

Split Complementary

#145FAA

#AA1414

#AAAA14

Tetradic

#145FAA

#AA14AA

#AA5F14

#14AA14

Color Blindness Simulation

Original

#145FAA

Protanopia

#343598

Deuteranopia

#302A94

Tritanopia

#188A86

Achromatopsia

#545454

CSS Usage

background-color: #145FAA;
color: #145FAA;
border-color: #145FAA;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F7FC
100
#E1EDF9
200
#BFDBF7
300
#92C2F2
400
#56A1EB
500
#1B80E4
600
#1666B6
700
#115292
800
#0D4072
900
#0E3053
950
#091F34

Contrast Checker

Text on white

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