#160770

#160770

Color Values

HEX

#160770

RGB

22, 7, 112

HSL

248.6, 88.2%, 23.3%

HSV

248.6, 93.8%, 43.9%

CMYK

80.4%, 93.8%, 0.0%, 56.1%

OKLCH

0.2647 0.1593 273.2

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#160770

#617007

Analogous

#072C70

#4A0770

#160770

Triadic

#160770

#701607

#077016

Split Complementary

#160770

#704A07

#2C7007

Tetradic

#160770

#70072C

#617007

#07704A

Color Blindness Simulation

Original

#160770

Protanopia

#100F57

Deuteranopia

#101250

Tritanopia

#15433E

Achromatopsia

#121212

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E4E0FB
200
#C5BCFB
300
#9B8CF8
400
#654DF4
500
#2F0FF0
600
#260CC0
700
#1E0A9A
800
#180878
900
#150A57
950
#0D0637

Contrast Checker

Text on white

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