#0963F6

#0963F6

Color Values

HEX

#0963F6

RGB

9, 99, 246

HSL

217.2, 92.9%, 50.0%

HSV

217.2, 96.3%, 96.5%

CMYK

96.3%, 59.8%, 0.0%, 3.5%

OKLCH

0.5508 0.2326 261.1

Properties

Cool Dark Nearest: Blue

Color Harmonies

Complementary

#0963F6

#F69C09

Analogous

#09DAF6

#2509F6

#0963F6

Triadic

#0963F6

#F60963

#63F609

Split Complementary

#0963F6

#F62509

#DAF609

Tetradic

#0963F6

#F609DA

#F69C09

#09F625

Color Blindness Simulation

Original

#0963F6

Protanopia

#3031D2

Deuteranopia

#2B24CA

Tritanopia

#0EB6B0

Achromatopsia

#5A5A5A

CSS Usage

background-color: #0963F6;
color: #0963F6;
border-color: #0963F6;
Nearest Tailwind: Blue 600 #2563EB

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FC
300
#89B4FB
400
#498CF8
500
#0963F6
600
#074FC5
700
#063F9D
800
#05327B
900
#082759
950
#051838

Contrast Checker

Text on white

5.09:1

AA Pass AAA Fail

Text on black

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