#6BACE2 Color

Color Information

HEX#6BACE2
RGB107, 172, 226
HSL207° , 67% , 65%
HSV207° , 53% , 89%
CMYK53%, 24%, 0%, 11%

Lighter Shades

#7DB6E5 #8FC0E9 #A0CAEC #B2D4F0 #C4DEF3 #D6E8F7

Darker Shades

#5E97C7 #5183AC #446E91 #385976 #2B455A #1E303F

Complementary Palette

#5C94C2 #6BACE2 #C28A5B #E2A06A #E6AD7F #80B8E6

Analogous Palette

#76BCB8 #7CD0CC #65A2D4 #6BACE2 #7C80D0 #878BD4

Triadic Palette

#5E97C7 #6BACE2 #EA61AD #ED74B7 #ADEA61 #98CE55

Split Complementary Palette

#609BCB #6BACE2 #E26A70 #E5797E #E2DC6A #CBC65F

Square Palette

#5A90BE #6BACE2 #D473D9 #D9A173 #70E26A #87E782

Tetradic Palette

#588DB9 #6BACE2 #9E5AF2 #E2A06A #ADF25A #BCF478

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BACE2 contains 107 red, 172 green, and 226 blue.

Contrast Ratio: 2.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.75:1