#69A0B4 Color

Color Information

HEX#69A0B4
RGB105, 160, 180
HSL196° , 33% , 56%
HSV196° , 42% , 71%
CMYK42%, 11%, 0%, 29%

Lighter Shades

#7BABBD #8DB7C6 #9FC2CF #B1CED8 #C3D9E1 #D5E4EA

Darker Shades

#5C8D9E #507A89 #436673 #37535E #2A4048 #1D2D32

Complementary Palette

#5A8A9B #69A0B4 #9B6C5B #B47E6A #BF907F #7EADBF

Analogous Palette

#72978E #7EA098 #6396A9 #69A0B4 #7E86A0 #8A91A8

Triadic Palette

#5C8D9E #69A0B4 #BF5FA5 #C772B0 #A5BF5F #91A854

Split Complementary Palette

#5F90A2 #69A0B4 #B46A7B #BC7988 #B4A36A #A2935F

Square Palette

#588697 #69A0B4 #9D75A9 #A98375 #7BB46A #90C082

Tetradic Palette

#568394 #69A0B4 #7456C8 #B47E6A #AAC856 #B9D274

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A0B4 contains 105 red, 160 green, and 180 blue.

Contrast Ratio: 2.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.4:1