#142990

#142990

Color Values

HEX

#142990

RGB

20, 41, 144

HSL

229.8, 75.6%, 32.2%

HSV

229.8, 86.1%, 56.5%

CMYK

86.1%, 71.5%, 0.0%, 43.5%

OKLCH

0.3479 0.1695 266.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#142990

#907B14

Analogous

#146790

#3D1490

#142990

Triadic

#142990

#901429

#299014

Split Complementary

#142990

#903D14

#679014

Tetradic

#142990

#901467

#907B14

#14903D

Color Blindness Simulation

Original

#142990

Protanopia

#1D1D77

Deuteranopia

#1C1A71

Tritanopia

#15635F

Achromatopsia

#2C2C2C

CSS Usage

background-color: #142990;
color: #142990;
border-color: #142990;
Nearest Tailwind: Indigo 800 #3730A3

Tailwind Shades

50
#F2F4FC
100
#E2E6F9
200
#C0C9F6
300
#94A3F0
400
#5972E8
500
#1F40E0
600
#1933B3
700
#14298F
800
#102070
900
#0F1B51
950
#0A1133

Contrast Checker

Text on white

12.0:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026