#140972

#140972

Color Values

HEX

#140972

RGB

20, 9, 114

HSL

246.3, 85.4%, 24.1%

HSV

246.3, 92.1%, 44.7%

CMYK

82.5%, 92.1%, 0.0%, 55.3%

OKLCH

0.2679 0.161 271.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#140972

#677209

Analogous

#093272

#480972

#140972

Triadic

#140972

#721409

#097214

Split Complementary

#140972

#724809

#327209

Tetradic

#140972

#720932

#677209

#097248

Color Blindness Simulation

Original

#140972

Protanopia

#0F0F59

Deuteranopia

#101152

Tritanopia

#134540

Achromatopsia

#131313

CSS Usage

background-color: #140972;
color: #140972;
border-color: #140972;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C3BDFA
300
#998EF6
400
#6150F1
500
#2913EC
600
#210FBD
700
#1B0C97
800
#150976
900
#130B56
950
#0C0736

Contrast Checker

Text on white

16.01:1

AA Pass AAA Pass

Text on black

1.31:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026