#10156F

#10156F

Color Values

HEX

#10156F

RGB

16, 21, 111

HSL

236.8, 74.8%, 24.9%

HSV

236.8, 85.6%, 43.5%

CMYK

85.6%, 81.1%, 0.0%, 56.5%

OKLCH

0.2758 0.1489 269.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#10156F

#6F6A10

Analogous

#10456F

#3A106F

#10156F

Triadic

#10156F

#6F1015

#156F10

Split Complementary

#10156F

#6F3A10

#456F10

Tetradic

#10156F

#6F1045

#6F6A10

#106F3A

Color Blindness Simulation

Original

#10156F

Protanopia

#121259

Deuteranopia

#121254

Tritanopia

#104844

Achromatopsia

#1A1A1A

CSS Usage

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

Tailwind Shades

50
#F2F3FC
100
#E2E3F8
200
#C1C3F6
300
#9499F0
400
#5A62E7
500
#202ADF
600
#1A22B2
700
#151B8F
800
#10156F
900
#101351
950
#0A0C33

Contrast Checker

Text on white

15.45:1

AA Pass AAA Pass

Text on black

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