#5F9EA0 Color

Color Information

HEX#5F9EA0
RGB95, 158, 160
HSL182° , 25% , 50%
HSV182° , 41% , 63%
CMYK41%, 1%, 0%, 37%

Lighter Shades

#72AAAB #85B5B7 #99C1C2 #ACCDCE #BFD8D9 #D2E4E4

Darker Shades

#548B8D #48787A #3D6566 #315253 #263F40 #1B2C2D

Complementary Palette

#52888A #5F9EA0 #895453 #9F6260 #AC7876 #75ACAD

Analogous Palette

#648777 #6C9381 #599596 #5F9EA0 #6C7E93 #78889B

Triadic Palette

#548B8D #5F9EA0 #AC53A9 #B668B3 #A9AC53 #959749

Split Complementary Palette

#568E90 #5F9EA0 #9F607D #A9708A #9F8260 #8F7556

Square Palette

#508586 #5F9EA0 #816C93 #936E6C #7D9F60 #92AE79

Tetradic Palette

#4E8283 #5F9EA0 #4C49B6 #9F6260 #B3B649 #C1C36A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F9EA0 contains 95 red, 158 green, and 160 blue.

Contrast Ratio: 3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.99:1