#100277

#100277

Color Values

HEX

#100277

RGB

16, 2, 119

HSL

247.2, 96.7%, 23.7%

HSV

247.2, 98.3%, 46.7%

CMYK

86.6%, 98.3%, 0.0%, 53.3%

OKLCH

0.2662 0.1724 269.7

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#100277

#697702

Analogous

#022E77

#4A0277

#100277

Triadic

#100277

#771002

#027710

Split Complementary

#100277

#774A02

#2E7702

Tetradic

#100277

#77022E

#697702

#02774A

Color Blindness Simulation

Original

#100277

Protanopia

#0A0A5B

Deuteranopia

#0B0C54

Tritanopia

#0F443F

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#F3F1FE
100
#E2DEFC
200
#C1B9FE
300
#9587FD
400
#5B45FC
500
#2204FB
600
#1B03C9
700
#1603A1
800
#11027D
900
#10065B
950
#0A0439

Contrast Checker

Text on white

16.19:1

AA Pass AAA Pass

Text on black

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