#220857

#220857

Color Values

HEX

#220857

RGB

34, 8, 87

HSL

259.7, 83.2%, 18.6%

HSV

259.7, 90.8%, 34.1%

CMYK

60.9%, 90.8%, 0.0%, 65.9%

OKLCH

0.2445 0.126 287.8

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#220857

#3D5708

Analogous

#081657

#490857

#220857

Triadic

#220857

#572208

#085722

Split Complementary

#220857

#574908

#165708

Tetradic

#220857

#570816

#3D5708

#085749

Color Blindness Simulation

Original

#220857

Protanopia

#171744

Deuteranopia

#181A3F

Tritanopia

#213531

Achromatopsia

#131313

CSS Usage

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

Tailwind Shades

50
#F5F2FD
100
#E9E1FA
200
#D1BEF9
300
#B08FF5
400
#8652EF
500
#5B15EA
600
#4911BB
700
#3A0E95
800
#2E0B75
900
#240C55
950
#170836

Contrast Checker

Text on white

16.93:1

AA Pass AAA Pass

Text on black

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