#5FBAD5 Color

Color Information

HEX#5FBAD5
RGB95, 186, 213
HSL194° , 58% , 60%
HSV194° , 55% , 84%
CMYK55%, 13%, 0%, 16%

Lighter Shades

#72C2DA #85CBDF #99D3E4 #ACDBE9 #BFE3EE #D2ECF3

Darker Shades

#54A4BB #488DA2 #3D7788 #31616F #264A55 #1B343C

Complementary Palette

#52A0B7 #5FBAD5 #B66851 #D4795E #DA8C75 #75C4DB

Analogous Palette

#6CAC9C #72C0AB #59AFC8 #5FBAD5 #7287C0 #7E90C4

Triadic Palette

#54A4BB #5FBAD5 #DE54BE #E269C6 #BEDE54 #A7C34A

Split Complementary Palette

#56A7C0 #5FBAD5 #D45E7D #D86E8A #D4B55E #BFA355

Square Palette

#509CB3 #5FBAD5 #B068CA #CA7F68 #7DD45E #92DB78

Tetradic Palette

#4E99AF #5FBAD5 #704BE7 #D4795E #C2E74B #CDEB6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5FBAD5 contains 95 red, 186 green, and 213 blue.

Contrast Ratio: 2.19:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.6:1