#144F6B

#144F6B

Color Values

HEX

#144F6B

RGB

20, 79, 107

HSL

199.3, 68.5%, 24.9%

HSV

199.3, 81.3%, 42.0%

CMYK

81.3%, 26.2%, 0.0%, 58.0%

OKLCH

0.4046 0.0747 234.1

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#144F6B

#6B3014

Analogous

#146B5B

#14246B

#144F6B

Triadic

#144F6B

#6B144F

#4F6B14

Split Complementary

#144F6B

#6B1424

#6B5B14

Tetradic

#144F6B

#5B146B

#6B3014

#246B14

Color Blindness Simulation

Original

#144F6B

Protanopia

#2E2E64

Deuteranopia

#2A2663

Tritanopia

#175F5E

Achromatopsia

#444444

CSS Usage

background-color: #144F6B;
color: #144F6B;
border-color: #144F6B;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F3F9FC
100
#E3F1F8
200
#C3E4F4
300
#98D1EC
400
#60B8E1
500
#289FD7
600
#207FAC
700
#1A6689
800
#144F6B
900
#133B4E
950
#0C2531

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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