#7486F3 Color

Color Information

HEX#7486F3
RGB116, 134, 243
HSL231° , 84% , 70%
HSV231° , 52% , 95%
CMYK52%, 45%, 0%, 5%

Lighter Shades

#8595F4 #95A3F6 #A6B2F7 #B7C0F9 #C7CFFA #D8DDFC

Darker Shades

#6676D6 #5866B9 #4A569C #3C467E #2E3661 #202644

Complementary Palette

#6473D1 #7486F3 #D1C062 #F3DF72 #F5E386 #8797F5

Analogous Palette

#7DB2CF #82C1E3 #6D7EE4 #7486F3 #A482E3 #AA8AE5

Triadic Palette

#6676D6 #7486F3 #FA6B80 #FB7D8F #80FA6B #71DC5E

Split Complementary Palette

#6879DB #7486F3 #F39F72 #F4A980 #C6F372 #B2DB67

Square Palette

#6171CC #7486F3 #EB7AC3 #EBDA7A #72F39F #89F5AE

Tetradic Palette

#5F6EC7 #7486F3 #E866FF #F3DF72 #7DFF66 #94FF82

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #7486F3 contains 116 red, 134 green, and 243 blue.

Contrast Ratio: 3.22:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.52:1