#097DF6

#097DF6

Color Values

HEX

#097DF6

RGB

9, 125, 246

HSL

210.6, 92.9%, 50.0%

HSV

210.6, 96.3%, 96.5%

CMYK

96.3%, 49.2%, 0.0%, 3.5%

OKLCH

0.603 0.2025 256.0

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#097DF6

#F68209

Analogous

#09F4F6

#0B09F6

#097DF6

Triadic

#097DF6

#F6097D

#7DF609

Split Complementary

#097DF6

#F60B09

#F4F609

Tetradic

#097DF6

#F609F4

#F68209

#09F60B

Color Blindness Simulation

Original

#097DF6

Protanopia

#3B3CD9

Deuteranopia

#342CD2

Tritanopia

#0FC2BD

Achromatopsia

#6D6D6D

CSS Usage

background-color: #097DF6;
color: #097DF6;
border-color: #097DF6;
Nearest Tailwind: Blue 500 #3B82F6

Tailwind Shades

50
#F1F7FD
100
#DFEDFB
200
#BADBFC
300
#89C1FB
400
#499FF8
500
#097DF6
600
#0764C5
700
#06509D
800
#053F7B
900
#083059
950
#051E38

Contrast Checker

Text on white

3.98:1

AA Fail AAA Fail

Text on black

5.28:1

AA Pass 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