#220DBF

#220DBF

Color Values

HEX

#220DBF

RGB

34, 13, 191

HSL

247.1, 87.3%, 40.0%

HSV

247.1, 93.2%, 74.9%

CMYK

82.2%, 93.2%, 0.0%, 25.1%

OKLCH

0.3806 0.2408 270.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#220DBF

#AABF0D

Analogous

#0D51BF

#7B0DBF

#220DBF

Triadic

#220DBF

#BF220D

#0DBF22

Split Complementary

#220DBF

#BF7B0D

#51BF0D

Tetradic

#220DBF

#BF0D51

#AABF0D

#0DBF7B

Color Blindness Simulation

Original

#220DBF

Protanopia

#191994

Deuteranopia

#1A1C8A

Tritanopia

#21726A

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F3F2FD
100
#E3E0FA
200
#C4BCFA
300
#998CF7
400
#624EF3
500
#2B10EF
600
#220DBF
700
#1B0A99
800
#150877
900
#130A57
950
#0C0737

Contrast Checker

Text on white

11.18:1

AA Pass AAA Pass

Text on black

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