#140679

#140679

Color Values

HEX

#140679

RGB

20, 6, 121

HSL

247.3, 90.6%, 24.9%

HSV

247.3, 95.0%, 47.5%

CMYK

83.5%, 95.0%, 0.0%, 52.5%

OKLCH

0.2749 0.171 271.1

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#140679

#6B7906

Analogous

#063179

#4D0679

#140679

Triadic

#140679

#791406

#067914

Split Complementary

#140679

#794D06

#317906

Tetradic

#140679

#790631

#6B7906

#06794D

Color Blindness Simulation

Original

#140679

Protanopia

#0E0E5D

Deuteranopia

#0F1056

Tritanopia

#134742

Achromatopsia

#111111

CSS Usage

background-color: #140679;
color: #140679;
border-color: #140679;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C3BBFC
300
#988AF9
400
#604BF6
500
#280CF3
600
#200AC2
700
#1A089C
800
#14067A
900
#130958
950
#0C0638

Contrast Checker

Text on white

15.77:1

AA Pass AAA Pass

Text on black

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