#100C57

#100C57

Color Values

HEX

#100C57

RGB

16, 12, 87

HSL

243.2, 75.8%, 19.4%

HSV

243.2, 86.2%, 34.1%

CMYK

81.6%, 86.2%, 0.0%, 65.9%

OKLCH

0.2327 0.1261 272.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100C57

#53570C

Analogous

#0C2D57

#350C57

#100C57

Triadic

#100C57

#57100C

#0C5710

Split Complementary

#100C57

#57350C

#2D570C

Tetradic

#100C57

#570C2D

#53570C

#0C5735

Color Blindness Simulation

Original

#100C57

Protanopia

#0E0E45

Deuteranopia

#0E0F40

Tritanopia

#103733

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F3F2FC
100
#E3E2F9
200
#C3C0F6
300
#9893F0
400
#6159E8
500
#291FE0
600
#2119B3
700
#1A148F
800
#150F70
900
#130F52
950
#0C0A33

Contrast Checker

Text on white

17.32:1

AA Pass AAA Pass

Text on black

1.21:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026