#5F7AD3 Color

Color Information

HEX	#5F7AD3
RGB	95, 122, 211
HSL	226° , 57% , 60%
HSV	226° , 55% , 83%
CMYK	55%, 42%, 0%, 17%

Lighter Shades

#728AD8 #859ADE #99AAE3 #ACBAE8 #BFCAED #D2DAF3

Darker Shades

#546BBA #485DA0 #3D4E87 #313F6E #263154 #1B223B

Complementary Palette

#5269B5 #5F7AD3 #B59E52 #D3B85F #D9C275 #758DD9

Analogous Palette

#6D9BAB #73ABBF #5973C6 #5F7AD3 #8773BF #907EC4

Triadic Palette

#546BBA #5F7AD3 #DD5575 #E16986 #75DD55 #67C24B

Split Complementary Palette

#566EBE #5F7AD3 #D37E5F #D78B6F #B4D35F #A2BE56

Square Palette

#5066B1 #5F7AD3 #C969AF #C9B369 #5FD37E #79DA93

Tetradic Palette

#4E64AD #5F7AD3 #C24DE6 #D3B85F #70E64D #8AEB6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F7AD3 contains 95 red, 122 green, and 211 blue.

Contrast Ratio: 3.99:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.26:1