#6E6A96 Color

Color Information

HEX#6E6A96
RGB110, 106, 150
HSL245° , 17% , 50%
HSV245° , 29% , 59%
CMYK27%, 29%, 0%, 41%

Lighter Shades

#7F7CA3 #918EAF #A2A0BC #B4B2C8 #C5C3D5 #D6D5E2

Darker Shades

#615D84 #545172 #464460 #39374E #2C2A3C #1F1E2A

Complementary Palette

#5F5B81 #6E6A96 #7E805B #92956A #A1A47F #827FA5

Analogous Palette

#647287 #6C7C93 #67648D #6E6A96 #836C93 #8D789B

Triadic Palette

#615D84 #6E6A96 #A2625D #AD7570 #5DA262 #528F56

Split Complementary Palette

#635F87 #6E6A96 #95836A #A08F79 #7C956A #70865F

Square Palette

#5C597E #6E6A96 #936C7C #90936C #6A9583 #82A697

Tetradic Palette

#5A577B #6E6A96 #AC53A6 #92956A #53AC59 #72BB77

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #6E6A96 contains 110 red, 106 green, and 150 blue.

Contrast Ratio: 5.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.19:1