#2109F6

#2109F6

Color Values

HEX

#2109F6

RGB

33, 9, 246

HSL

246.1, 92.9%, 50.0%

HSV

246.1, 96.3%, 96.5%

CMYK

86.6%, 96.3%, 0.0%, 3.5%

OKLCH

0.45 0.2977 267.5

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#2109F6

#DEF609

Analogous

#0967F6

#9809F6

#2109F6

Triadic

#2109F6

#F62109

#09F621

Split Complementary

#2109F6

#F69809

#67F609

Tetradic

#2109F6

#F60967

#DEF609

#09F698

Color Blindness Simulation

Original

#2109F6

Protanopia

#1716BD

Deuteranopia

#181AAF

Tritanopia

#208F85

Achromatopsia

#1F1F1F

CSS Usage

background-color: #2109F6;
color: #2109F6;
border-color: #2109F6;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F3F1FD
100
#E2DFFB
200
#C1BAFC
300
#9589FB
400
#5B49F8
500
#2109F6
600
#1B07C5
700
#15069D
800
#11057B
900
#100859
950
#0A0538

Contrast Checker

Text on white

8.63:1

AA Pass AAA Pass

Text on black

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