#142D8F

#142D8F

Color Values

HEX

#142D8F

RGB

20, 45, 143

HSL

227.8, 75.5%, 32.0%

HSV

227.8, 86.0%, 56.1%

CMYK

86.0%, 68.5%, 0.0%, 43.9%

OKLCH

0.354 0.1636 266.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#142D8F

#8F7614

Analogous

#146B8F

#39148F

#142D8F

Triadic

#142D8F

#8F142D

#2D8F14

Split Complementary

#142D8F

#8F3914

#6B8F14

Tetradic

#142D8F

#8F146B

#8F7614

#148F39

Color Blindness Simulation

Original

#142D8F

Protanopia

#1F1F77

Deuteranopia

#1D1C72

Tritanopia

#156560

Achromatopsia

#2F2F2F

CSS Usage

background-color: #142D8F;
color: #142D8F;
border-color: #142D8F;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F2F4FC
100
#E2E6F9
200
#C0CBF6
300
#94A6F0
400
#5976E8
500
#1F46E0
600
#1938B3
700
#142D8F
800
#102370
900
#101D51
950
#0A1233

Contrast Checker

Text on white

11.66:1

AA Pass AAA Pass

Text on black

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