#0097FD

#0097FD

Color Values

HEX

#0097FD

RGB

0, 151, 253

HSL

204,2, 100,0%, 49,6%

HSV

204,2, 100,0%, 99,2%

CMYK

100,0%, 40,3%, 0,0%, 0,8%

OKLCH

0,6634 0,1834 249,1

Properties

Cool Light Nearest: dodgerblue

Color Harmonies

Complementary

#0097FD

#FD6600

Analogous

#00FDE5

#0018FD

#0097FD

Triadic

#0097FD

#FD0097

#97FD00

Split Complementary

#0097FD

#FD0018

#FDE500

Tetradic

#0097FD

#E500FD

#FD6600

#18FD00

Color Blindness Simulation

Original

#0097FD

Protanopia

#4143E4

Deuteranopia

#392DDE

Tritanopia

#08D1CD

Achromatopsia

#7E7E7E

CSS Usage

background-color: #0097FD;
color: #0097FD;
border-color: #0097FD;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F9FE
100
#DEF0FC
200
#B8E2FF
300
#85CEFF
400
#42B3FF
500
#0098FF
600
#007ACC
700
#0061A3
800
#004C80
900
#05395C
950
#03243A

Contrast Checker

Text on white

3,07:1

AA Fail AAA Fail

Text on black

6,85:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026