#100F66

#100F66

Color Values

HEX

#100F66

RGB

16, 15, 102

HSL

240.7, 74.4%, 22.9%

HSV

240.7, 85.3%, 40.0%

CMYK

84.3%, 85.3%, 0.0%, 60.0%

OKLCH

0.2561 0.143 270.7

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100F66

#65660F

Analogous

#0F3966

#3B0F66

#100F66

Triadic

#100F66

#66100F

#0F6610

Split Complementary

#100F66

#663B0F

#39660F

Tetradic

#100F66

#660F39

#65660F

#0F663B

Color Blindness Simulation

Original

#100F66

Protanopia

#101051

Deuteranopia

#10104C

Tritanopia

#10403D

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C1C1F6
300
#9594EF
400
#5C5AE7
500
#2321DE
600
#1C1AB2
700
#16158E
800
#11106F
900
#111051
950
#0B0A33

Contrast Checker

Text on white

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