#101679

#101679

Color Values

HEX

#101679

RGB

16, 22, 121

HSL

236.6, 76.6%, 26.9%

HSV

236.6, 86.8%, 47.5%

CMYK

86.8%, 81.8%, 0.0%, 52.5%

OKLCH

0.2897 0.1607 268.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#101679

#797310

Analogous

#104B79

#3F1079

#101679

Triadic

#101679

#791016

#167910

Split Complementary

#101679

#793F10

#4B7910

Tetradic

#101679

#79104B

#797310

#10793F

Color Blindness Simulation

Original

#101679

Protanopia

#131361

Deuteranopia

#12125B

Tritanopia

#104E4A

Achromatopsia

#1C1C1C

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F9
200
#C0C3F7
300
#9398F1
400
#5861E9
500
#1E29E1
600
#1821B4
700
#131A90
800
#0F1471
900
#0F1352
950
#0A0C34

Contrast Checker

Text on white

14.86:1

AA Pass AAA Pass

Text on black

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