#6485E2 Color

Color Information

HEX#6485E2
RGB100, 133, 226
HSL224° , 68% , 64%
HSV224° , 56% , 89%
CMYK56%, 41%, 0%, 11%

Lighter Shades

#7794E5 #89A2E9 #9CB1EC #AEC0F0 #C1CEF3 #D4DDF7

Darker Shades

#5875C7 #4C65AC #405591 #344576 #28355A #1C253F

Complementary Palette

#5672C2 #6485E2 #C2A557 #E2C065 #E6C97B #7A96E6

Analogous Palette

#72A9BB #77BBCF #5E7DD4 #6485E2 #8C77CF #9582D3

Triadic Palette

#5875C7 #6485E2 #EB5C82 #ED7091 #82EB5C #72CF51

Split Complementary Palette

#5A78CB #6485E2 #E28265 #E58F74 #C4E265 #B0CB5B

Square Palette

#5470BE #6485E2 #D86EC0 #D8BC6E #65E282 #7EE796

Tetradic Palette

#526DB9 #6485E2 #C854F2 #E2C065 #7EF254 #95F473

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6485E2 contains 100 red, 133 green, and 226 blue.

Contrast Ratio: 3.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.07:1