#142C6C

#142C6C

Color Values

HEX

#142C6C

RGB

20, 44, 108

HSL

223.6, 68.8%, 25.1%

HSV

223.6, 81.5%, 42.4%

CMYK

81.5%, 59.3%, 0.0%, 57.6%

OKLCH

0.3178 0.1157 264.9

Properties

Cool Dark Nearest: RAL 5005 Signal Blue

Color Harmonies

Complementary

#142C6C

#6C5414

Analogous

#14586C

#28146C

#142C6C

Triadic

#142C6C

#6C142C

#2C6C14

Split Complementary

#142C6C

#6C2814

#586C14

Tetradic

#142C6C

#6C1458

#6C5414

#146C28

Color Blindness Simulation

Original

#142C6C

Protanopia

#1E1F5D

Deuteranopia

#1D1B59

Tritanopia

#15504E

Achromatopsia

#2C2C2C

CSS Usage

background-color: #142C6C;
color: #142C6C;
border-color: #142C6C;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F3F5FC
100
#E3E8F8
200
#C3D0F4
300
#98AFEC
400
#6083E2
500
#2858D7
600
#2046AC
700
#19388A
800
#142C6C
900
#12234E
950
#0C1632

Contrast Checker

Text on white

13.07:1

AA Pass AAA Pass

Text on black

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