#100C6D

#100C6D

Color Values

HEX

#100C6D

RGB

16, 12, 109

HSL

242.5, 80.2%, 23.7%

HSV

242.5, 89.0%, 42.7%

CMYK

85.3%, 89.0%, 0.0%, 57.3%

OKLCH

0.2618 0.1541 270.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100C6D

#696D0C

Analogous

#0C386D

#400C6D

#100C6D

Triadic

#100C6D

#6D100C

#0C6D10

Split Complementary

#100C6D

#6D400C

#386D0C

Tetradic

#100C6D

#6D0C38

#696D0C

#0C6D40

Color Blindness Simulation

Original

#100C6D

Protanopia

#0E0E56

Deuteranopia

#0E0F50

Tritanopia

#10433F

Achromatopsia

#141414

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E2E1F9
200
#C1BFF8
300
#9591F3
400
#5B55EC
500
#2219E6
600
#1B14B8
700
#161093
800
#110D73
900
#100D53
950
#0A0935

Contrast Checker

Text on white

16.21:1

AA Pass AAA Pass

Text on black

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