#100B55

#100B55

Color Values

HEX

#100B55

RGB

16, 11, 85

HSL

244.1, 77.1%, 18.8%

HSV

244.1, 87.1%, 33.3%

CMYK

81.2%, 87.1%, 0.0%, 66.7%

OKLCH

0.2288 0.1244 273.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100B55

#50550B

Analogous

#0B2B55

#350B55

#100B55

Triadic

#100B55

#55100B

#0B5510

Split Complementary

#100B55

#55350B

#2B550B

Tetradic

#100B55

#550B2B

#50550B

#0B5535

Color Blindness Simulation

Original

#100B55

Protanopia

#0E0E43

Deuteranopia

#0E0E3F

Tritanopia

#103532

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E1F9
200
#C4C0F7
300
#9993F1
400
#6258E9
500
#2B1DE2
600
#2217B5
700
#1B1391
800
#150F71
900
#130F52
950
#0C0934

Contrast Checker

Text on white

17.48:1

AA Pass AAA Pass

Text on black

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