#100950

#100950

Color Values

HEX

#100950

RGB

16, 9, 80

HSL

245,9, 79,8%, 17,5%

HSV

245,9, 88,8%, 31,4%

CMYK

80,0%, 88,8%, 0,0%, 68,6%

OKLCH

0,2196 0,1196 274,6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#100950

#495009

Analogous

#092650

#340950

#100950

Triadic

#100950

#501009

#095010

Split Complementary

#100950

#503409

#265009

Tetradic

#100950

#500926

#495009

#095034

Color Blindness Simulation

Original

#100950

Protanopia

#0D0D3F

Deuteranopia

#0D0E3B

Tritanopia

#10312E

Achromatopsia

#101010

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E1F9
200
#C4BFF8
300
#9B91F3
400
#6455EC
500
#2E1AE5
600
#2515B7
700
#1D1093
800
#170D73
900
#140E53
950
#0D0935

Contrast Checker

Text on white

17,84:1

AA Pass AAA Pass

Text on black

1,18: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