#676B85 Color

Color Information

HEX#676B85
RGB103, 107, 133
HSL232° , 13% , 46%
HSV232° , 23% , 52%
CMYK23%, 20%, 0%, 48%

Lighter Shades

#797D94 #8B8FA2 #9EA0B1 #B0B2C0 #C2C4CE #D4D6DD

Darker Shades

#5B5E75 #4E5165 #424455 #363845 #292B35 #1D1E25

Complementary Palette

#595C72 #676B85 #726E58 #858066 #96927B #7C8096

Analogous Palette

#5B6E7B #647987 #61657D #676B85 #706487 #7A6C93

Triadic Palette

#5B5E75 #676B85 #905A62 #9D6E75 #62905A #567F4F

Split Complementary Palette

#5D6078 #676B85 #857166 #917F75 #798566 #6D785C

Square Palette

#575A70 #676B85 #876479 #878164 #668571 #7E9988

Tetradic Palette

#54586D #676B85 #8E519A #858066 #5B9A51 #79AC70

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #676B85 contains 103 red, 107 green, and 133 blue.

Contrast Ratio: 5.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.04:1