#142737

#142737

Color Values

HEX

#142737

RGB

20, 39, 55

HSL

207.4, 46.7%, 14.7%

HSV

207.4, 63.6%, 21.6%

CMYK

63.6%, 29.1%, 0.0%, 78.4%

OKLCH

0.2647 0.0391 245.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#142737

#372414

Analogous

#143735

#141537

#142737

Triadic

#142737

#371427

#273714

Split Complementary

#142737

#371415

#373514

Tetradic

#142737

#351437

#372414

#153714

Color Blindness Simulation

Original

#142737

Protanopia

#1C1C33

Deuteranopia

#1B1A32

Tritanopia

#15302F

Achromatopsia

#242424

CSS Usage

background-color: #142737;
color: #142737;
border-color: #142737;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F4F8FA
100
#E6EEF4
200
#CBDDEC
300
#A5C4DE
400
#75A4CD
500
#4485BB
600
#366A96
700
#2B5578
800
#22425E
900
#1C3245
950
#12202B

Contrast Checker

Text on white

15.27:1

AA Pass AAA Pass

Text on black

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