#5F93A3 Color

Color Information

HEX#5F93A3
RGB95, 147, 163
HSL194° , 27% , 51%
HSV194° , 42% , 64%
CMYK42%, 10%, 0%, 36%

Lighter Shades

#72A0AE #85ADB9 #99BAC4 #ACC7CF #BFD4DA #D2E1E5

Darker Shades

#54818F #48707C #3D5E68 #314C55 #263B41 #1B292E

Complementary Palette

#527E8C #5F93A3 #8D6053 #A47060 #B18476 #75A2B0

Analogous Palette

#668A80 #6F958B #598A99 #5F93A3 #6F7995 #7B849D

Triadic Palette

#54818F #5F93A3 #B0549B #B969A7 #9BB054 #889B4A

Split Complementary Palette

#568493 #5F93A3 #A46072 #AD7080 #A49260 #948356

Square Palette

#507B89 #5F93A3 #8C6D97 #97776D #72A460 #89B379

Tetradic Palette

#4E7986 #5F93A3 #644ABA #A47060 #A0BA4A #B1C66B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F93A3 contains 95 red, 147 green, and 163 blue.

Contrast Ratio: 3.34:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.28:1