#100E63

#100E63

Color Values

HEX

#100E63

RGB

16, 14, 99

HSL

241.4, 75.2%, 22.2%

HSV

241.4, 85.9%, 38.8%

CMYK

83.8%, 85.9%, 0.0%, 61.2%

OKLCH

0.2509 0.14 271.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100E63

#61630E

Analogous

#0E3763

#3B0E63

#100E63

Triadic

#100E63

#63100E

#0E6310

Split Complementary

#100E63

#633B0E

#37630E

Tetradic

#100E63

#630E37

#61630E

#0E633B

Color Blindness Simulation

Original

#100E63

Protanopia

#0F0F4E

Deuteranopia

#0F0F4A

Tritanopia

#103E3B

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E2E2F9
200
#C2C0F6
300
#9694F0
400
#5D5AE8
500
#2420DF
600
#1D19B3
700
#17148F
800
#121070
900
#111051
950
#0B0A33

Contrast Checker

Text on white

16.6:1

AA Pass AAA Pass

Text on black

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