#6BA2FD Color

Color Information

HEX#6BA2FD
RGB107, 162, 253
HSL217° , 97% , 71%
HSV217° , 58% , 99%
CMYK58%, 36%, 0%, 1%

Lighter Shades

#7DADFD #8FB8FD #A0C3FE #B2CFFE #C4DAFE #D6E5FE

Darker Shades

#5E8FDF #517BC0 #4468A2 #385484 #2B4165 #1E2D47

Complementary Palette

#5C8BDA #6BA2FD #DAAA5E #FDC66D #FDCE81 #80AFFD

Analogous Palette

#75CBD7 #7CE1EE #6598EE #6BA2FD #897CEE #9285EF

Triadic Palette

#5E8FDF #6BA2FD #FF6BA4 #FF7DAF #A4FF6B #90E05E

Split Complementary Palette

#6092E4 #6BA2FD #FD7E6D #FD8B7C #ECFD6D #D4E462

Square Palette

#5A88D5 #6BA2FD #F575E6 #F5C475 #6DFD7E #84FD93

Tetradic Palette

#5885CF #6BA2FD #C66BFF #FDC66D #A4FF6B #B4FF86

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6BA2FD contains 107 red, 162 green, and 253 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.32:1