#142045

#142045

Color Values

HEX

#142045

RGB

20, 32, 69

HSL

225.3, 55.1%, 17.5%

HSV

225.3, 71.0%, 27.1%

CMYK

71.0%, 53.6%, 0.0%, 72.9%

OKLCH

0.2558 0.0713 267.6

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#142045

#453914

Analogous

#143945

#211445

#142045

Triadic

#142045

#451420

#204514

Split Complementary

#142045

#452114

#394514

Tetradic

#142045

#451439

#453914

#144521

Color Blindness Simulation

Original

#142045

Protanopia

#19193C

Deuteranopia

#18183A

Tritanopia

#153533

Achromatopsia

#202020

CSS Usage

background-color: #142045;
color: #142045;
border-color: #142045;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F4F6FB
100
#E5E9F6
200
#C8D1EF
300
#A0B1E4
400
#6D86D5
500
#395CC6
600
#2E499E
700
#253B7F
800
#1D2E63
900
#182448
950
#0F172E

Contrast Checker

Text on white

15.88:1

AA Pass AAA Pass

Text on black

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