#5F8ADF Color

Color Information

HEX#5F8ADF
RGB95, 138, 223
HSL220° , 67% , 62%
HSV220° , 57% , 87%
CMYK57%, 38%, 0%, 13%

Lighter Shades

#7298E3 #85A6E7 #99B4EB #ACC2EE #BFD0F2 #D2DEF6

Darker Shades

#5479C4 #4869A9 #3D588F #314874 #263759 #1B273E

Complementary Palette

#5277C0 #5F8ADF #C09B50 #DFB45D #E3BF74 #759AE3

Analogous Palette

#6CAAB7 #71BCCC #5982D2 #5F8ADF #8071CC #8A7CD0

Triadic Palette

#5479C4 #5F8ADF #E95385 #EC6894 #85E953 #75CD49

Split Complementary Palette

#567CC9 #5F8ADF #DF735D #E2816D #C9DF5D #B5C954

Square Palette

#5074BB #5F8ADF #D567C3 #D5B167 #5DDF73 #77E489

Tetradic Palette

#4E71B7 #5F8ADF #BA4CF0 #DFB45D #83F04C #99F36C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F8ADF contains 95 red, 138 green, and 223 blue.

Contrast Ratio: 3.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.26:1