#10096C

#10096C

Color Values

HEX

#10096C

RGB

16, 9, 108

HSL

244.2, 84.6%, 22.9%

HSV

244.2, 91.7%, 42.4%

CMYK

85.2%, 91.7%, 0.0%, 57.6%

OKLCH

0.2574 0.155 270.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#10096C

#656C09

Analogous

#09336C

#41096C

#10096C

Triadic

#10096C

#6C1009

#096C10

Split Complementary

#10096C

#6C4109

#336C09

Tetradic

#10096C

#6C0933

#656C09

#096C41

Color Blindness Simulation

Original

#10096C

Protanopia

#0D0D54

Deuteranopia

#0D0E4E

Tritanopia

#10413D

Achromatopsia

#121212

CSS Usage

background-color: #10096C;
color: #10096C;
border-color: #10096C;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F3F2FD
100
#E2E0FA
200
#C1BDFA
300
#958EF6
400
#5C51F0
500
#2314EB
600
#1C10BC
700
#160D97
800
#110A76
900
#110C55
950
#0B0736

Contrast Checker

Text on white

16.44:1

AA Pass AAA Pass

Text on black

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