#10158A

#10158A

Color Values

HEX

#10158A

RGB

16, 21, 138

HSL

237.5, 79.2%, 30.2%

HSV

237.5, 88.4%, 54.1%

CMYK

88.4%, 84.8%, 0.0%, 45.9%

OKLCH

0.31 0.1823 267.8

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#10158A

#8A8510

Analogous

#10528A

#48108A

#10158A

Triadic

#10158A

#8A1015

#158A10

Split Complementary

#10158A

#8A4810

#528A10

Tetradic

#10158A

#8A1052

#8A8510

#108A48

Color Blindness Simulation

Original

#10158A

Protanopia

#12126E

Deuteranopia

#121267

Tritanopia

#105752

Achromatopsia

#1C1C1C

CSS Usage

background-color: #10158A;
color: #10158A;
border-color: #10158A;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F2F3FC
100
#E1E2F9
200
#BFC1F8
300
#9195F2
400
#565CEB
500
#1B23E4
600
#151CB7
700
#111692
800
#0D1172
900
#0E1153
950
#090B34

Contrast Checker

Text on white

14.03:1

AA Pass AAA Pass

Text on black

1.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026