#428AC3 Color

Color Information

HEX#428AC3
RGB66, 138, 195
HSL207° , 52% , 51%
HSV207° , 66% , 76%
CMYK66%, 29%, 0%, 24%

Lighter Shades

#5998CA #6FA6D1 #86B4D9 #9DC2E0 #B3D0E7 #CADEEE

Darker Shades

#3A79AC #326994 #2A587D #224865 #1A374E #122737

Complementary Palette

#3977A8 #428AC3 #A86B38 #C37C41 #CB8E5C #5C9ACB

Analogous Palette

#549C98 #5AAAA6 #3E82B7 #428AC3 #5A5EAA #686BB1

Triadic Palette

#3A79AC #428AC3 #D0358A #D64D98 #8AD035 #79B72F

Split Complementary Palette

#3B7CB0 #428AC3 #C34148 #C9545A #C3BD41 #B0AA3B

Square Palette

#3774A4 #428AC3 #B14EB7 #B77D4E #48C341 #65CD5F

Tetradic Palette

#3671A0 #428AC3 #792BDA #C37C41 #8BDA2B #A0E151

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #428AC3 contains 66 red, 138 green, and 195 blue.

Contrast Ratio: 3.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.72:1