#658DF2 Color

Color Information

HEX#658DF2
RGB101, 141, 242
HSL223° , 84% , 67%
HSV223° , 58% , 95%
CMYK58%, 42%, 0%, 5%

Lighter Shades

#779BF4 #8AA8F5 #9CB6F7 #AFC4F8 #C1D1FA #D4DFFB

Darker Shades

#597CD5 #4D6BB8 #415A9B #35497E #283861 #1C2744

Complementary Palette

#5779D0 #658DF2 #D0AD56 #F2C964 #F4D17A #7B9DF4

Analogous Palette

#71B8CC #74CAE2 #5F85E3 #658DF2 #8C74E2 #9681E4

Triadic Palette

#597CD5 #658DF2 #FB5B88 #FB6F96 #88FB5B #78DD50

Split Complementary Palette

#5B7FDA #658DF2 #F28364 #F38F74 #D3F264 #BEDA5A

Square Palette

#5576CB #658DF2 #EA6CCF #EAC66C #64F283 #7DF497

Tetradic Palette

#5374C6 #658DF2 #CF57FF #F2C964 #86FF57 #9CFF75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #658DF2 contains 101 red, 141 green, and 242 blue.

Contrast Ratio: 3.12:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.73:1