#143B6C

#143B6C

Color Values

HEX

#143B6C

RGB

20, 59, 108

HSL

213.4, 68.8%, 25.1%

HSV

213.4, 81.5%, 42.4%

CMYK

81.5%, 45.4%, 0.0%, 57.6%

OKLCH

0.3534 0.0957 255.9

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#143B6C

#6C4514

Analogous

#14676C

#19146C

#143B6C

Triadic

#143B6C

#6C143B

#3B6C14

Split Complementary

#143B6C

#6C1914

#676C14

Tetradic

#143B6C

#6C1467

#6C4514

#146C19

Color Blindness Simulation

Original

#143B6C

Protanopia

#252560

Deuteranopia

#23205D

Tritanopia

#165755

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF8
200
#C3D9F4
300
#98BDEC
400
#6099E2
500
#2876D7
600
#205EAC
700
#194B8A
800
#143B6C
900
#122D4E
950
#0C1C32

Contrast Checker

Text on white

11.22:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026