#7C84A1 Color

Color Information

HEX#7C84A1
RGB124, 132, 161
HSL227° , 16% , 56%
HSV227° , 23% , 63%
CMYK23%, 18%, 0%, 37%

Lighter Shades

#8C93AC #9BA2B8 #ABB0C3 #BBBFCE #CBCED9 #DADDE5

Darker Shades

#6D748E #5E647A #4F5467 #404554 #323540 #23252D

Complementary Palette

#6B728A #7C84A1 #8A846C #A1997D #AEA78F #8E95AE

Analogous Palette

#728D97 #7E96A0 #757C97 #7C84A1 #887EA0 #938AA8

Triadic Palette

#6D748E #7C84A1 #AC727E #B6838D #7EAC72 #6F9764

Split Complementary Palette

#707791 #7C84A1 #A1877D #AA938A #97A17D #889171

Square Palette

#686F87 #7C84A1 #A07E96 #A0987E #7DA187 #92B09A

Tetradic Palette

#666C84 #7C84A1 #A469B5 #A1997D #79B569 #91C284

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7C84A1 contains 124 red, 132 green, and 161 blue.

Contrast Ratio: 3.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.76:1