#5F89DB Color

Color Information

HEX#5F89DB
RGB95, 137, 219
HSL220° , 63% , 62%
HSV220° , 57% , 86%
CMYK57%, 37%, 0%, 14%

Lighter Shades

#7297DF #85A5E4 #99B3E8 #ACC2EC #BFD0F1 #D2DEF5

Darker Shades

#5479C1 #4868A6 #3D588C #314772 #263758 #1B263D

Complementary Palette

#5276BC #5F89DB #BC9953 #DBB261 #E0BD77 #759AE0

Analogous Palette

#6FA8B3 #74BAC8 #5981CE #5F89DB #8274C8 #8C7FCC

Triadic Palette

#5479C1 #5F89DB #E55787 #E86B95 #87E557 #77CA4D

Split Complementary Palette

#567BC5 #5F89DB #DB7561 #DF8371 #C7DB61 #B3C557

Square Palette

#5073B8 #5F89DB #D16BC0 #D1AF6B #61DB75 #7AE18B

Tetradic Palette

#4E70B4 #5F89DB #B850ED #DBB261 #84ED50 #9AF070

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F89DB contains 95 red, 137 green, and 219 blue.

Contrast Ratio: 3.41:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.16:1