#145286

#145286

Color Values

HEX

#145286

RGB

20, 82, 134

HSL

207.4, 74.0%, 30.2%

HSV

207.4, 85.1%, 52.5%

CMYK

85.1%, 38.8%, 0.0%, 47.5%

OKLCH

0.4286 0.1053 248.9

Properties

Cool Dark Nearest: RAL 5019 Capri Blue

Color Harmonies

Complementary

#145286

#864814

Analogous

#148681

#141986

#145286

Triadic

#145286

#861452

#528614

Split Complementary

#145286

#861419

#868114

Tetradic

#145286

#811486

#864814

#198614

Color Blindness Simulation

Original

#145286

Protanopia

#2F2F79

Deuteranopia

#2B2776

Tritanopia

#176F6D

Achromatopsia

#494949

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF6
300
#95C6EF
400
#5BA7E6
500
#2188DE
600
#1B6DB1
700
#15578E
800
#11446F
900
#103351
950
#0A2033

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

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