#0962F6

#0962F6

Color Values

HEX

#0962F6

RGB

9, 98, 246

HSL

217.5, 92.9%, 50.0%

HSV

217.5, 96.3%, 96.5%

CMYK

96.3%, 60.2%, 0.0%, 3.5%

OKLCH

0.5489 0.2338 261.2

Properties

Cool Dark Nearest: royalblue 1

Color Harmonies

Complementary

#0962F6

#F69D09

Analogous

#09D8F6

#2709F6

#0962F6

Triadic

#0962F6

#F60962

#62F609

Split Complementary

#0962F6

#F62709

#D8F609

Tetradic

#0962F6

#F609D8

#F69D09

#09F627

Color Blindness Simulation

Original

#0962F6

Protanopia

#3030D2

Deuteranopia

#2A24CA

Tritanopia

#0DB6B0

Achromatopsia

#5A5A5A

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FC
300
#89B4FB
400
#498BF8
500
#0962F6
600
#074EC5
700
#063F9D
800
#05317B
900
#082659
950
#051838

Contrast Checker

Text on white

5.14:1

AA Pass AAA Fail

Text on black

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