#100D83

#100D83

Color Values

HEX

#100D83

RGB

16, 13, 131

HSL

241.5, 81.9%, 28.2%

HSV

241.5, 90.1%, 51.4%

CMYK

87.8%, 90.1%, 0.0%, 48.6%

OKLCH

0.2925 0.1797 268.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#100D83

#80830D

Analogous

#0D4583

#4B0D83

#100D83

Triadic

#100D83

#83100D

#0D8310

Split Complementary

#100D83

#834B0D

#45830D

Tetradic

#100D83

#830D45

#80830D

#0D834B

Color Blindness Simulation

Original

#100D83

Protanopia

#0F0F66

Deuteranopia

#0F0F60

Tritanopia

#10504B

Achromatopsia

#161616

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E1E1FA
200
#C0BEF9
300
#9290F4
400
#5753EE
500
#1C17E8
600
#1712BA
700
#120F94
800
#0E0C74
900
#0F0D54
950
#090835

Contrast Checker

Text on white

14.92:1

AA Pass AAA Pass

Text on black

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