#100F60

#100F60

Color Values

HEX

#100F60

RGB

16, 15, 96

HSL

240.7, 73.0%, 21.8%

HSV

240.7, 84.4%, 37.6%

CMYK

83.3%, 84.4%, 0.0%, 62.4%

OKLCH

0.2484 0.1352 271.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100F60

#5F600F

Analogous

#0F3760

#390F60

#100F60

Triadic

#100F60

#60100F

#0F6010

Split Complementary

#100F60

#60390F

#37600F

Tetradic

#100F60

#600F37

#5F600F

#0F6039

Color Blindness Simulation

Original

#100F60

Protanopia

#10104C

Deuteranopia

#101048

Tritanopia

#103D3A

Achromatopsia

#151515

CSS Usage

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

Tailwind Shades

50
#F3F3FC
100
#E2E2F8
200
#C2C1F5
300
#9695EE
400
#5D5CE6
500
#2522DD
600
#1D1CB0
700
#17168D
800
#12116E
900
#111150
950
#0B0A33

Contrast Checker

Text on white

16.68:1

AA Pass AAA Pass

Text on black

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