#143749

#143749

Color Values

HEX

#143749

RGB

20, 55, 73

HSL

200.4, 57.0%, 18.2%

HSV

200.4, 72.6%, 28.6%

CMYK

72.6%, 24.7%, 0.0%, 71.4%

OKLCH

0.3202 0.0513 234.0

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#143749

#492614

Analogous

#144940

#141C49

#143749

Triadic

#143749

#491437

#374914

Split Complementary

#143749

#49141C

#494014

Tetradic

#143749

#401449

#492614

#1C4914

Color Blindness Simulation

Original

#143749

Protanopia

#232345

Deuteranopia

#211E44

Tritanopia

#164140

Achromatopsia

#313131

CSS Usage

background-color: #143749;
color: #143749;
border-color: #143749;
Nearest Tailwind: Cyan 950 #083344

Tailwind Shades

50
#F4F9FB
100
#E5F0F6
200
#C7E2F0
300
#9FCDE5
400
#6BB2D6
500
#3797C8
600
#2C79A0
700
#236080
800
#1B4B64
900
#183849
950
#0F242E

Contrast Checker

Text on white

12.56:1

AA Pass AAA Pass

Text on black

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