#788E9B Color

Color Information

HEX#788E9B
RGB120, 142, 155
HSL202° , 15% , 54%
HSV202° , 23% , 61%
CMYK23%, 8%, 0%, 39%

Lighter Shades

#889CA7 #98A9B3 #A9B7BF #B9C4CB #C9D2D7 #D9DFE3

Darker Shades

#6A7D88 #5B6C76 #4D5B63 #3E4A51 #30393E #22282B

Complementary Palette

#677A85 #788E9B #857267 #9B8578 #A9968B #8B9EA9

Analogous Palette

#6C938E #789B97 #718592 #788E9B #787D9B #8488A4

Triadic Palette

#6A7D88 #788E9B #A76C92 #B27E9F #92A76C #80935F

Split Complementary Palette

#6C808C #788E9B #9B787D #A5868A #9B9778 #8C886C

Square Palette

#657782 #788E9B #97789B #9B8578 #7D9B78 #92AB8E

Tetradic Palette

#62747F #788E9B #7F63B0 #9B8578 #94B063 #A7BE7F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #788E9B contains 120 red, 142 green, and 155 blue.

Contrast Ratio: 3.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.24:1