#7B8AC2 Color

Color Information

HEX#7B8AC2
RGB123, 138, 194
HSL227° , 37% , 62%
HSV227° , 37% , 76%
CMYK37%, 29%, 0%, 24%

Lighter Shades

#8B98C9 #9BA6D1 #ABB4D8 #BAC2DF #CAD0E7 #DADEEE

Darker Shades

#6C79AB #5D6993 #4F587C #404865 #31374E #222736

Complementary Palette

#6A77A7 #7B8AC2 #A79969 #C2B27A #CBBD8D #8D9ACB

Analogous Palette

#8199A2 #8EA5AF #7482B6 #7B8AC2 #988EAF #9F97B5

Triadic Palette

#6C79AB #7B8AC2 #CC7184 #D28293 #84CC71 #74B463

Split Complementary Palette

#6F7CAF #7B8AC2 #C28F7A #C89A87 #AEC27A #9DAF6E

Square Palette

#6774A3 #7B8AC2 #B884A9 #B8AD84 #7AC28F #8FCCA1

Tetradic Palette

#65719F #7B8AC2 #BC69D3 #C2B27A #80D369 #97DB84

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7B8AC2 contains 123 red, 138 green, and 194 blue.

Contrast Ratio: 3.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.35:1