#6C85F2 Color

Color Information

HEX#6C85F2
RGB108, 133, 242
HSL229° , 84% , 69%
HSV229° , 55% , 95%
CMYK55%, 45%, 0%, 5%

Lighter Shades

#7E94F4 #8FA2F5 #A1B1F7 #B3C0F8 #C4CEFA #D6DDFB

Darker Shades

#5F75D5 #5265B8 #45559B #38457E #2B3561 #1E2544

Complementary Palette

#5D72D0 #6C85F2 #D0BB5F #F2DA6E #F4DF82 #8196F4

Analogous Palette

#79B3CD #7DC3E3 #667DE3 #6C85F2 #9D7DE3 #A78BE5

Triadic Palette

#5F75D5 #6C85F2 #FA6681 #FB7890 #81FA66 #72DC5A

Split Complementary Palette

#6178DA #6C85F2 #F2986E #F3A27D #C8F26E #B4DA63

Square Palette

#5B70CB #6C85F2 #EA75C5 #EAD575 #6EF298 #85F4A8

Tetradic Palette

#596DC6 #6C85F2 #E261FF #F2DA6E #7EFF61 #95FF7D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6C85F2 contains 108 red, 133 green, and 242 blue.

Contrast Ratio: 3.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.35:1