#8CA5B0 Color

Color Information

HEX#8CA5B0
RGB140, 165, 176
HSL198° , 19% , 62%
HSV198° , 20% , 69%
CMYK20%, 6%, 0%, 31%

Lighter Shades

#9AB0B9 #A8BBC3 #B5C5CC #C3D0D6 #D1DBDF #DFE6E9

Darker Shades

#7B919B #6A7D86 #5A6A71 #49565C #384246 #272E31

Complementary Palette

#788E97 #8CA5B0 #988278 #B1978C #BCA69C #9CB2BB

Analogous Palette

#81A29A #90ADA6 #849BA5 #8CA5B0 #9095AD #989EB3

Triadic Palette

#7B919B #8CA5B0 #BA82A8 #C291B2 #A8BA82 #94A472

Split Complementary Palette

#7E959E #8CA5B0 #B18C93 #B9989E #B1A98C #9F987E

Square Palette

#768B94 #8CA5B0 #A690AD #AD9890 #93B18C #A4BD9E

Tetradic Palette

#738790 #8CA5B0 #907AC2 #B1978C #ABC27A #BACD92

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #8CA5B0 contains 140 red, 165 green, and 176 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.27:1