#5F97D9 Color

Color Information

HEX#5F97D9
RGB95, 151, 217
HSL212° , 62% , 61%
HSV212° , 56% , 85%
CMYK56%, 30%, 0%, 15%

Lighter Shades

#72A3DE #85B0E2 #99BCE7 #ACC9EB #BFD5F0 #D2E2F4

Darker Shades

#5485BF #4873A5 #3D618B #314F71 #263C57 #1B2A3D

Complementary Palette

#5282BB #5F97D9 #BB8A51 #D9A05E #DEAD75 #75A6DE

Analogous Palette

#6CAFB2 #72C3C5 #598ECC #5F97D9 #7572C5 #7F7DCA

Triadic Palette

#5485BF #5F97D9 #E35497 #E669A3 #97E354 #85C84A

Split Complementary Palette

#5688C3 #5F97D9 #D9625E #DD726E #D5D95E #C0C355

Square Palette

#507FB6 #5F97D9 #CF68CC #CF9F68 #5ED962 #78DF7B

Tetradic Palette

#4E7CB2 #5F97D9 #A14CEB #D9A05E #96EB4C #A9EF6C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F97D9 contains 95 red, 151 green, and 217 blue.

Contrast Ratio: 2.99:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.01:1