#519CF2

#519CF2

#F2A751

#F2A751

Contrast Ratio

1.41:1

Delta E

106.1

Very Different

50:50 Mix

Color Values

Format #519CF2 #F2A751
HEX #519CF2 #F2A751
RGB 81, 156, 242 242, 167, 81
HSL 212.0, 86.1%, 63.3% 32.0, 86.1%, 63.3%
HSV 212.0, 66.5%, 94.9% 32.0, 66.5%, 94.9%
CMYK 66.5%, 35.5%, 0.0%, 5.1% 0.0%, 31.0%, 66.5%, 5.1%
OKLCH 0.6838 0.148 253.5 0.7854 0.1344 67.2

Contrast & Accessibility

1.41:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F2A751 β†’ Background: #519CF2

The quick brown fox jumps over the lazy dog

Text: #519CF2 β†’ Background: #F2A751

Color Difference (Delta E)

106.1 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #519CF2, #F2A751);
background: linear-gradient(135deg, #519CF2, #F2A751);

Explore Each Color

Related Comparisons