#143662

#143662

Color Values

HEX

#143662

RGB

20, 54, 98

HSL

213.8, 66.1%, 23.1%

HSV

213.8, 79.6%, 38.4%

CMYK

79.6%, 44.9%, 0.0%, 61.6%

OKLCH

0.3336 0.0871 256.2

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#143662

#624014

Analogous

#145D62

#191462

#143662

Triadic

#143662

#621436

#366214

Split Complementary

#143662

#621914

#5D6214

Tetradic

#143662

#62145D

#624014

#146219

Color Blindness Simulation

Original

#143662

Protanopia

#232357

Deuteranopia

#211E55

Tritanopia

#164F4D

Achromatopsia

#323232

CSS Usage

background-color: #143662;
color: #143662;
border-color: #143662;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F3
300
#99BDEA
400
#6299DF
500
#2B75D4
600
#235DA9
700
#1C4B88
800
#163A6A
900
#142D4D
950
#0C1C31

Contrast Checker

Text on white

12.11:1

AA Pass AAA Pass

Text on black

1.73:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026