#101575

#101575

Color Values

HEX

#101575

RGB

16, 21, 117

HSL

237.0, 75.9%, 26.1%

HSV

237.0, 86.3%, 45.9%

CMYK

86.3%, 82.1%, 0.0%, 54.1%

OKLCH

0.2833 0.1566 268.9

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#101575

#757010

Analogous

#104875

#3E1075

#101575

Triadic

#101575

#751015

#157510

Split Complementary

#101575

#753E10

#487510

Tetradic

#101575

#751048

#757010

#10753E

Color Blindness Simulation

Original

#101575

Protanopia

#12125E

Deuteranopia

#121258

Tritanopia

#104B47

Achromatopsia

#1B1B1B

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C3F6
300
#9398F0
400
#5960E8
500
#1F28E0
600
#1920B3
700
#141A90
800
#0F1470
900
#0F1352
950
#0A0C34

Contrast Checker

Text on white

15.15:1

AA Pass AAA Pass

Text on black

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