#6A94A2 Color

Color Information

HEX#6A94A2
RGB106, 148, 162
HSL195° , 23% , 53%
HSV195° , 35% , 64%
CMYK35%, 9%, 0%, 36%

Lighter Shades

#7CA1AD #8EAEB8 #A0BBC3 #B2C7CF #C3D4DA #D5E1E5

Darker Shades

#5D828F #51707B #445F68 #374D54 #2A3B41 #1E292D

Complementary Palette

#5B7F8B #6A94A2 #8C685D #A3796C #B08C81 #7FA3AF

Analogous Palette

#6A9086 #759990 #648B98 #6A94A2 #757E99 #8189A2

Triadic Palette

#5D828F #6A94A2 #AF609B #B973A7 #9BAF60 #889A54

Split Complementary Palette

#5F8592 #6A94A2 #A36C79 #AC7B86 #A3956C #938661

Square Palette

#597C88 #6A94A2 #907599 #997E75 #79A36C #8EB284

Tetradic Palette

#577985 #6A94A2 #6D56B8 #A3796C #A0B856 #B1C574

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A94A2 contains 106 red, 148 green, and 162 blue.

Contrast Ratio: 3.25:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.47:1