#68A5A2 Color

Color Information

HEX#68A5A2
RGB104, 165, 162
HSL177° , 25% , 53%
HSV177° , 37% , 65%
CMYK37%, 0%, 2%, 35%

Lighter Shades

#7AB0AD #8CBBB8 #9EC5C3 #B0D0CF #C3DBDA #D5E6E5

Darker Shades

#5C918F #4F7D7B #436A68 #365654 #2A4241 #1D2E2D

Complementary Palette

#598E8B #68A5A2 #8E5A5D #A5696C #B27E81 #7DB2AF

Analogous Palette

#6A907A #759985 #629B98 #68A5A2 #758999 #8193A2

Triadic Palette

#5C918F #68A5A2 #AD5DB1 #B770BA #B1AD5D #9C9852

Split Complementary Palette

#5E9592 #68A5A2 #A5698A #AE7896 #A58469 #95775F

Square Palette

#578B88 #68A5A2 #857599 #997577 #8AA569 #9DB381

Tetradic Palette

#558785 #68A5A2 #5459BB #A5696C #BBB654 #C7C373

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #68A5A2 contains 104 red, 165 green, and 162 blue.

Contrast Ratio: 2.76:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.61:1