#6894B0 Color

Color Information

HEX	#6894B0
RGB	104, 148, 176
HSL	203° , 31% , 55%
HSV	203° , 41% , 69%
CMYK	41%, 16%, 0%, 31%

Lighter Shades

#7AA1B9 #8CAEC3 #9EBBCC #B0C7D6 #C3D4DF #D5E1E9

Darker Shades

#5C829B #4F7086 #435F71 #364D5C #2A3B46 #1D2931

Complementary Palette

#597F97 #6894B0 #97725A #B08469 #BB957E #7DA3BB

Analogous Palette

#6F9591 #7B9D99 #628BA5 #6894B0 #7B7F9D #878AA6

Triadic Palette

#5C829B #6894B0 #BB5D97 #C370A3 #97BB5D #85A552

Split Complementary Palette

#5E859E #6894B0 #B06971 #B8787F #B0A869 #9E975F

Square Palette

#577C94 #6894B0 #9F74A4 #A48774 #71B069 #88BD81

Tetradic Palette

#557990 #6894B0 #7F54C4 #B08469 #99C454 #ABCF73

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6894B0 contains 104 red, 148 green, and 176 blue.

Contrast Ratio: 3.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.55:1