#68A5C5 Color

Color Information

HEX#68A5C5
RGB104, 165, 197
HSL201° , 44% , 59%
HSV201° , 47% , 77%
CMYK47%, 16%, 0%, 23%

Lighter Shades

#7AB0CC #8CBBD3 #9EC5DA #B0D0E1 #C3DBE8 #D5E6EF

Darker Shades

#5C91AD #4F7D96 #436A7E #365666 #2A424F #1D2E37

Complementary Palette

#598EA9 #68A5C5 #A97659 #C48968 #CC9A7D #7DB2CD

Analogous Palette

#779C97 #7DB0A9 #629BB9 #68A5C5 #7D85B0 #878EB5

Triadic Palette

#5C91AD #68A5C5 #CF5EA7 #D571B2 #A7CF5E #93B653

Split Complementary Palette

#5E95B1 #68A5C5 #C46876 #CA7784 #C4B768 #B0A55E

Square Palette

#578BA5 #68A5C5 #B173BA #BA8D73 #76C468 #8CCD80

Tetradic Palette

#5587A2 #68A5C5 #8556D7 #C48968 #AAD756 #B9DE74

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A5C5 contains 104 red, 165 green, and 197 blue.

Contrast Ratio: 2.66:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.9:1