#101277

#101277

Color Values

HEX

#101277

RGB

16, 18, 119

HSL

238.8, 76.3%, 26.5%

HSV

238.8, 86.6%, 46.7%

CMYK

86.6%, 84.9%, 0.0%, 53.3%

OKLCH

0.2819 0.1618 269.0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#101277

#777510

Analogous

#104677

#421077

#101277

Triadic

#101277

#771012

#127710

Split Complementary

#101277

#774210

#467710

Tetradic

#101277

#771046

#777510

#107742

Color Blindness Simulation

Original

#101277

Protanopia

#11115F

Deuteranopia

#111159

Tritanopia

#104B47

Achromatopsia

#191919

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E2F9
200
#C0C1F7
300
#9395F0
400
#595CE9
500
#1E22E1
600
#181BB4
700
#131690
800
#0F1170
900
#0F1152
950
#0A0A34

Contrast Checker

Text on white

15.27:1

AA Pass AAA Pass

Text on black

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