#220ACF

#220ACF

Color Values

HEX

#220ACF

RGB

34, 10, 207

HSL

247,3, 90,8%, 42,5%

HSV

247,3, 95,2%, 81,2%

CMYK

83,6%, 95,2%, 0,0%, 18,8%

OKLCH

0,4 0,2583 269,2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#220ACF

#B7CF0A

Analogous

#0A54CF

#840ACF

#220ACF

Triadic

#220ACF

#CF220A

#0ACF22

Split Complementary

#220ACF

#CF840A

#54CF0A

Tetradic

#220ACF

#CF0A54

#B7CF0A

#0ACF84

Color Blindness Simulation

Original

#220ACF

Protanopia

#18179F

Deuteranopia

#191B94

Tritanopia

#217A71

Achromatopsia

#1D1D1D

CSS Usage

background-color: #220ACF;
color: #220ACF;
border-color: #220ACF;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F1FD
100
#E3DFFB
200
#C3BBFC
300
#988AF9
400
#604BF6
500
#280CF3
600
#2009C3
700
#1A089C
800
#14067A
900
#120958
950
#0C0638

Contrast Checker

Text on white

10,44:1

AA Pass AAA Pass

Text on black

2,01:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026