#0977C3

#0977C3

Color Values

HEX

#0977C3

RGB

9, 119, 195

HSL

204.5, 91.2%, 40.0%

HSV

204.5, 95.4%, 76.5%

CMYK

95.4%, 39.0%, 0.0%, 23.5%

OKLCH

0.5551 0.1458 247.8

Properties

Cool Dark Nearest: NCS S 1060-B Bright Blue

Color Harmonies

Complementary

#0977C3

#C35509

Analogous

#09C3B2

#091AC3

#0977C3

Triadic

#0977C3

#C30977

#77C309

Split Complementary

#0977C3

#C3091A

#C3B209

Tetradic

#0977C3

#B209C3

#C35509

#1AC309

Color Blindness Simulation

Original

#0977C3

Protanopia

#393AB1

Deuteranopia

#322AAC

Tritanopia

#0EA29F

Achromatopsia

#656565

CSS Usage

background-color: #0977C3;
color: #0977C3;
border-color: #0977C3;
Nearest Tailwind: Sky 600 #0284C7

Tailwind Shades

50
#F1F8FD
100
#DFF0FB
200
#BBE1FC
300
#8ACCFA
400
#4BB0F7
500
#0B95F4
600
#0977C3
700
#075F9C
800
#064A7A
900
#093858
950
#052338

Contrast Checker

Text on white

4.73:1

AA Pass AAA Fail

Text on black

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