#142C8F

#142C8F

Color Values

HEX

#142C8F

RGB

20, 44, 143

HSL

228.3, 75.5%, 32.0%

HSV

228.3, 86.0%, 56.1%

CMYK

86.0%, 69.2%, 0.0%, 43.9%

OKLCH

0.3521 0.1647 266.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#142C8F

#8F7714

Analogous

#146A8F

#3A148F

#142C8F

Triadic

#142C8F

#8F142C

#2C8F14

Split Complementary

#142C8F

#8F3A14

#6A8F14

Tetradic

#142C8F

#8F146A

#8F7714

#148F3A

Color Blindness Simulation

Original

#142C8F

Protanopia

#1E1F77

Deuteranopia

#1D1B71

Tritanopia

#156460

Achromatopsia

#2E2E2E

CSS Usage

background-color: #142C8F;
color: #142C8F;
border-color: #142C8F;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F2F4FC
100
#E2E6F9
200
#C0CBF6
300
#94A6F0
400
#5975E8
500
#1F45E0
600
#1937B3
700
#142C8F
800
#102270
900
#101C51
950
#0A1233

Contrast Checker

Text on white

11.75:1

AA Pass AAA Pass

Text on black

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