#6BBAE2 Color

Color Information

HEX	#6BBAE2
RGB	107, 186, 226
HSL	200° , 67% , 65%
HSV	200° , 53% , 89%
CMYK	53%, 18%, 0%, 11%

Lighter Shades

#7DC2E5 #8FCBE9 #A0D3EC #B2DBF0 #C4E3F3 #D6ECF7

Darker Shades

#5EA4C7 #518DAC #447791 #386176 #2B4A5A #1E343F

Complementary Palette

#5CA0C2 #6BBAE2 #C27E5B #E2926A #E6A17F #80C4E6

Analogous Palette

#76BCB0 #7CD0C2 #65AFD4 #6BBAE2 #7C8AD0 #8794D4

Triadic Palette

#5EA4C7 #6BBAE2 #EA61BD #ED74C5 #BDEA61 #A6CE55

Split Complementary Palette

#60A7CB #6BBAE2 #E26A7E #E5798B #E2CE6A #CBB95F

Square Palette

#5A9CBE #6BBAE2 #C873D9 #D99573 #7EE26A #93E782

Tetradic Palette

#5899B9 #6BBAE2 #8C5AF2 #E2926A #BFF25A #CBF478

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BBAE2 contains 107 red, 186 green, and 226 blue.

Contrast Ratio: 2.13:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.88:1