#101F70

#101F70

Color Values

HEX

#101F70

RGB

16, 31, 112

HSL

230.6, 75.0%, 25.1%

HSV

230.6, 85.7%, 43.9%

CMYK

85.7%, 72.3%, 0.0%, 56.1%

OKLCH

0.2935 0.1393 267.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#101F70

#706110

Analogous

#104F70

#311070

#101F70

Triadic

#101F70

#70101F

#1F7010

Split Complementary

#101F70

#703110

#4F7010

Tetradic

#101F70

#70104F

#706110

#107031

Color Blindness Simulation

Original

#101F70

Protanopia

#16175C

Deuteranopia

#161458

Tritanopia

#114D4A

Achromatopsia

#222222

CSS Usage

background-color: #101F70;
color: #101F70;
border-color: #101F70;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F2F4FC
100
#E2E5F9
200
#C1C9F6
300
#94A2F0
400
#5A70E7
500
#203EDF
600
#1931B3
700
#14288F
800
#101F70
900
#101A51
950
#0A1033

Contrast Checker

Text on white

14.46:1

AA Pass AAA Pass

Text on black

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