#142437

#142437

Color Values

HEX

#142437

RGB

20, 36, 55

HSL

212.6, 46.7%, 14.7%

HSV

212.6, 63.6%, 21.6%

CMYK

63.6%, 34.5%, 0.0%, 78.4%

OKLCH

0.2562 0.0422 253.5

Properties

Cool Dark Nearest: RAL 5003 Sapphire Blue

Color Harmonies

Complementary

#142437

#372714

Analogous

#143537

#151437

#142437

Triadic

#142437

#371424

#243714

Split Complementary

#142437

#371514

#353714

Tetradic

#142437

#371435

#372714

#143715

Color Blindness Simulation

Original

#142437

Protanopia

#1B1B32

Deuteranopia

#1A1931

Tritanopia

#152F2E

Achromatopsia

#222222

CSS Usage

background-color: #142437;
color: #142437;
border-color: #142437;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDAEC
300
#A5BFDE
400
#759DCD
500
#447ABB
600
#366296
700
#2B4E78
800
#223D5E
900
#1C2F45
950
#121D2B

Contrast Checker

Text on white

15.7:1

AA Pass AAA Pass

Text on black

1.34:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026