#6BA2DF Color

Color Information

HEX#6BA2DF
RGB107, 162, 223
HSL212° , 64% , 65%
HSV212° , 52% , 87%
CMYK52%, 27%, 0%, 13%

Lighter Shades

#7DADE3 #8FB8E7 #A0C3EB #B2CFEE #C4DAF2 #D6E5F6

Darker Shades

#5E8FC4 #517BA9 #44688F #385474 #2B4159 #1E2D3E

Complementary Palette

#5C8BC0 #6BA2DF #C0925E #DFAA6D #E3B681 #80AFE3

Analogous Palette

#79B7B9 #7ECACD #6598D2 #6BA2DF #817ECD #8B89D1

Triadic Palette

#5E8FC4 #6BA2DF #E864A1 #EB77AC #A1E864 #8ECC58

Split Complementary Palette

#6092C9 #6BA2DF #DF706D #E27E7C #DBDF6D #C5C962

Square Palette

#5A88BB #6BA2DF #D676D3 #D6A976 #6DDF70 #84E487

Tetradic Palette

#5885B7 #6BA2DF #AB5DEF #DFAA6D #A1EF5D #B2F27A

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BA2DF contains 107 red, 162 green, and 223 blue.

Contrast Ratio: 2.63:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.98:1