#5F7DD4 Color

Color Information

HEX	#5F7DD4
RGB	95, 125, 212
HSL	225° , 58% , 60%
HSV	225° , 55% , 83%
CMYK	55%, 41%, 0%, 17%

Lighter Shades

#728DD9 #859CDE #99ACE3 #ACBBE9 #BFCBEE #D2DBF3

Darker Shades

#546EBB #485FA1 #3D5088 #31416E #263255 #1B233B

Complementary Palette

#526CB6 #5F7DD4 #B69D51 #D4B75E #DAC175 #758FDA

Analogous Palette

#6C9CAC #72ACC0 #5976C7 #5F7DD4 #8672C0 #8F7EC4

Triadic Palette

#546EBB #5F7DD4 #DE5476 #E26986 #76DE54 #68C34A

Split Complementary Palette

#5671BF #5F7DD4 #D47B5E #D8886E #B7D45E #A5BF55

Square Palette

#5069B2 #5F7DD4 #CA68B1 #CAB168 #5ED47B #78DB90

Tetradic Palette

#4E67AE #5F7DD4 #C04BE7 #D4B75E #72E74B #8BEB6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F7DD4 contains 95 red, 125 green, and 212 blue.

Contrast Ratio: 3.87:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.43:1