#6F81BA Color

Color Information

HEX	#6F81BA
RGB	111, 129, 186
HSL	226° , 35% , 58%
HSV	226° , 40% , 73%
CMYK	40%, 31%, 0%, 27%

Lighter Shades

#8090C2 #929FCB #A3AED3 #B4BDDB #C5CDE3 #D7DCEC

Darker Shades

#6272A4 #54628D #475377 #3A4361 #2C344A #1F2434

Complementary Palette

#5F6FA0 #6F81BA #9F905F #B9A86E #C3B482 #8393C4

Analogous Palette

#759099 #849BA4 #6879AF #6F81BA #8C84A4 #958DAA

Triadic Palette

#6272A4 #6F81BA #C4647A #CB778A #7AC464 #6BAC58

Split Complementary Palette

#6474A7 #6F81BA #B9826E #C08F7D #A5B96E #95A763

Square Palette

#5D6C9C #6F81BA #AF79A0 #AFA279 #6EB982 #85C496

Tetradic Palette

#5B6A99 #6F81BA #B25BCD #B9A86E #76CD5B #8FD679

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6F81BA contains 111 red, 129 green, and 186 blue.

Contrast Ratio: 3.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.6:1