#0936F6

#0936F6

Color Values

HEX

#0936F6

RGB

9, 54, 246

HSL

228.6, 92.9%, 50.0%

HSV

228.6, 96.3%, 96.5%

CMYK

96.3%, 78.0%, 0.0%, 3.5%

OKLCH

0.4791 0.2783 264.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0936F6

#F6C909

Analogous

#09ADF6

#5209F6

#0936F6

Triadic

#0936F6

#F60936

#36F609

Split Complementary

#0936F6

#F65209

#ADF609

Tetradic

#0936F6

#F609AD

#F6C909

#09F652

Color Blindness Simulation

Original

#0936F6

Protanopia

#1C1DC8

Deuteranopia

#1A16BC

Tritanopia

#0BA39B

Achromatopsia

#3A3A3A

CSS Usage

background-color: #0936F6;
color: #0936F6;
border-color: #0936F6;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BAC7FC
300
#899FFB
400
#496AF8
500
#0936F6
600
#072BC5
700
#06239D
800
#051B7B
900
#081759
950
#050F38

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

2.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