#220FBD

#220FBD

Color Values

HEX

#220FBD

RGB

34, 15, 189

HSL

246.6, 85.3%, 40.0%

HSV

246.6, 92.1%, 74.1%

CMYK

82.0%, 92.1%, 0.0%, 25.9%

OKLCH

0.3792 0.2379 270.2

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#220FBD

#AABD0F

Analogous

#0F53BD

#790FBD

#220FBD

Triadic

#220FBD

#BD220F

#0FBD22

Split Complementary

#220FBD

#BD790F

#53BD0F

Tetradic

#220FBD

#BD0F53

#AABD0F

#0FBD79

Color Blindness Simulation

Original

#220FBD

Protanopia

#1A1A93

Deuteranopia

#1B1C89

Tritanopia

#21726A

Achromatopsia

#202020

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BDFA
300
#998EF6
400
#6250F1
500
#2B13EC
600
#220FBD
700
#1B0C97
800
#150976
900
#130B56
950
#0C0736

Contrast Checker

Text on white

11.22:1

AA Pass AAA Pass

Text on black

1.87:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026