#6A96D8 Color

Color Information

HEX#6A96D8
RGB106, 150, 216
HSL216° , 59% , 63%
HSV216° , 51% , 85%
CMYK51%, 31%, 0%, 15%

Lighter Shades

#7CA3DD #8EAFE1 #A0BCE6 #B2C8EB #C3D5EF #D5E2F4

Darker Shades

#5D84BE #5172A4 #44608A #374E70 #2A3C56 #1E2A3C

Complementary Palette

#5B81BA #6A96D8 #BA945A #D8AC69 #DDB87E #7FA5DD

Analogous Palette

#76ACB2 #7CBEC5 #648DCB #6A96D8 #837CC5 #8D86CA

Triadic Palette

#5D84BE #6A96D8 #E26094 #E573A1 #94E260 #82C754

Split Complementary Palette

#5F87C2 #6A96D8 #D87469 #DC8278 #CDD869 #B9C25F

Square Palette

#597EB5 #6A96D8 #CF72C6 #CFAA72 #69D874 #81DE8A

Tetradic Palette

#577BB1 #6A96D8 #AF58E9 #D8AC69 #92E958 #A6ED76

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A96D8 contains 106 red, 150 green, and 216 blue.

Contrast Ratio: 2.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.07:1