#100D63

#100D63

Color Values

HEX

#100D63

RGB

16, 13, 99

HSL

242.1, 76.8%, 22.0%

HSV

242.1, 86.9%, 38.8%

CMYK

83.8%, 86.9%, 0.0%, 61.2%

OKLCH

0.2496 0.1408 271.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100D63

#60630D

Analogous

#0D3563

#3B0D63

#100D63

Triadic

#100D63

#63100D

#0D6310

Split Complementary

#100D63

#633B0D

#35630D

Tetradic

#100D63

#630D35

#60630D

#0D633B

Color Blindness Simulation

Original

#100D63

Protanopia

#0F0F4E

Deuteranopia

#0F0F49

Tritanopia

#103E3A

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E2E1F9
200
#C2C0F7
300
#9693F1
400
#5D58E9
500
#241EE1
600
#1D18B4
700
#171390
800
#120F71
900
#110F52
950
#0B0934

Contrast Checker

Text on white

16.67:1

AA Pass AAA Pass

Text on black

1.26:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026