#509DFA Color

Color Information

HEX#509DFA
RGB80, 157, 250
HSL213° , 94% , 65%
HSV213° , 68% , 98%
CMYK68%, 37%, 0%, 2%

Lighter Shades

#65A9FB #7AB5FB #8FC0FC #A4CCFC #B9D8FD #CEE4FE

Darker Shades

#468ADC #3D77BE #3364A0 #2A5282 #203F64 #162C46

Complementary Palette

#4587D7 #509DFA #D79647 #FAAE52 #FBB96A #69ABFB

Analogous Palette

#60CCD2 #64E1E8 #4B94EB #509DFA #6A64E8 #7771EA

Triadic Palette

#468ADC #509DFA #FF4D9D #FF62A9 #9DFF4D #8AE044

Split Complementary Palette

#488DE1 #509DFA #FA5A52 #FB6B63 #F1FA52 #D9E14A

Square Palette

#4384D2 #509DFA #F15BE9 #F1AD5B #52FA5A #6EFB74

Tetradic Palette

#4281CD #509DFA #AF4DFF #FAAE52 #9DFF4D #AFFF6D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #509DFA contains 80 red, 157 green, and 250 blue.

Contrast Ratio: 2.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.64:1