#5F9CD4 Color

Color Information

HEX#5F9CD4
RGB95, 156, 212
HSL209° , 58% , 60%
HSV209° , 55% , 83%
CMYK55%, 26%, 0%, 17%

Lighter Shades

#72A8D9 #85B4DE #99C0E3 #ACCCE9 #BFD7EE #D2E3F3

Darker Shades

#5489BB #4877A1 #3D6488 #31516E #263E55 #1B2C3B

Complementary Palette

#5286B6 #5F9CD4 #B68251 #D4975E #DAA675 #75AADA

Analogous Palette

#6CACAB #72C0BE #5993C7 #5F9CD4 #7274C0 #7E7FC4

Triadic Palette

#5489BB #5F9CD4 #DE549B #E269A7 #9BDE54 #88C34A

Split Complementary Palette

#568CBF #5F9CD4 #D45E60 #D86E70 #D4D25E #BFBD55

Square Palette

#5083B2 #5F9CD4 #C868CA #CA9768 #60D45E #79DB78

Tetradic Palette

#4E80AE #5F9CD4 #964BE7 #D4975E #9CE74B #AEEB6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F9CD4 contains 95 red, 156 green, and 212 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.3:1