#150858

#150858

Color Values

HEX

#150858

RGB

21, 8, 88

HSL

249.7, 83.3%, 18.8%

HSV

249.7, 90.9%, 34.5%

CMYK

76.1%, 90.9%, 0.0%, 65.5%

OKLCH

0.2328 0.1295 276.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#150858

#4B5808

Analogous

#082358

#3D0858

#150858

Triadic

#150858

#581508

#085815

Split Complementary

#150858

#583D08

#235808

Tetradic

#150858

#580823

#4B5808

#08583D

Color Blindness Simulation

Original

#150858

Protanopia

#0F0F45

Deuteranopia

#101140

Tritanopia

#143532

Achromatopsia

#111111

CSS Usage

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

Tailwind Shades

50
#F4F2FD
100
#E5E1FA
200
#C7BEF9
300
#9F8FF5
400
#6B52EF
500
#3815EA
600
#2D11BB
700
#240E96
800
#1C0B75
900
#180C55
950
#0F0836

Contrast Checker

Text on white

17.39:1

AA Pass AAA Pass

Text on black

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