#69A4F0 Color

Color Information

HEX#69A4F0
RGB105, 164, 240
HSL214° , 82% , 68%
HSV214° , 56% , 94%
CMYK56%, 32%, 0%, 6%

Lighter Shades

#7BAFF2 #8DBAF4 #9FC5F5 #B1D0F7 #C3DBF9 #D5E6FB

Darker Shades

#5C90D3 #507DB6 #43699A #37557D #2A4260 #1D2E43

Complementary Palette

#5A8DCE #69A4F0 #CE9D5B #F0B66A #F2C07F #7EB1F2

Analogous Palette

#77C5CA #7BD9E0 #639AE2 #69A4F0 #827BE0 #8A84E1

Triadic Palette

#5C90D3 #69A4F0 #F862A3 #F975AE #A3F862 #8FDA56

Split Complementary Palette

#5F94D8 #69A4F0 #F0736A #F28179 #E7F06A #D0D85F

Square Palette

#588ACA #69A4F0 #E873E0 #E8B573 #6AF073 #82F289

Tetradic Palette

#5686C5 #69A4F0 #B85CFF #F0B66A #A3FF5C #B4FF79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69A4F0 contains 105 red, 164 green, and 240 blue.

Contrast Ratio: 2.54:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.28:1