#141186

#141186

Color Values

HEX

#141186

RGB

20, 17, 134

HSL

241.5, 77.5%, 29.6%

HSV

241.5, 87.3%, 52.5%

CMYK

85.1%, 87.3%, 0.0%, 47.5%

OKLCH

0.3022 0.1795 269.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#141186

#838611

Analogous

#114986

#4E1186

#141186

Triadic

#141186

#861411

#118614

Split Complementary

#141186

#864E11

#498611

Tetradic

#141186

#861149

#838611

#11864E

Color Blindness Simulation

Original

#141186

Protanopia

#13136A

Deuteranopia

#131363

Tritanopia

#14534E

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E2E1F9
200
#C1C0F7
300
#9592F1
400
#5B58EA
500
#221DE2
600
#1B17B5
700
#161291
800
#110E71
900
#100F52
950
#0A0934

Contrast Checker

Text on white

14.44:1

AA Pass AAA Pass

Text on black

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