#64A694 Color

Color Information

HEX#64A694
RGB100, 166, 148
HSL164° , 27% , 52%
HSV164° , 40% , 65%
CMYK40%, 0%, 11%, 35%

Lighter Shades

#77B1A1 #89BBAE #9CC6BB #AED1C7 #C1DBD4 #D4E6E1

Darker Shades

#589282 #4C7E70 #406A5F #34564D #28423B #1C2E29

Complementary Palette

#568F7F #64A694 #8F5665 #A66475 #B27A88 #7AB2A3

Analogous Palette

#688D71 #72977B #5E9C8B #64A694 #728E97 #7E97A0

Triadic Palette

#589282 #64A694 #9A57B2 #A66BBB #B29A57 #9D884D

Split Complementary Palette

#5A9585 #64A694 #A66496 #AF74A1 #A67364 #95685A

Square Palette

#548B7C #64A694 #7A7099 #99707A #96A664 #A7B47D

Tetradic Palette

#528879 #64A694 #4E69BC #A66475 #BC9E4E #C8AF6E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64A694 contains 100 red, 166 green, and 148 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.54:1