#007CF8

#007CF8

#F87C00

#F87C00

Contrast Ratio

1.5:1

Delta E

144.45

Very Different

50:50 Mix

#C17A8D

Color Values

Format #007CF8 #F87C00
HEX #007CF8 #F87C00
RGB 0, 124, 248 248, 124, 0
HSL 210.0, 100.0%, 48.6% 30.0, 100.0%, 48.6%
HSV 210.0, 100.0%, 97.3% 30.0, 100.0%, 97.3%
CMYK 100.0%, 50.0%, 0.0%, 2.7% 0.0%, 50.0%, 100.0%, 2.7%
OKLCH 0.6017 0.2068 256.2 0.7162 0.1821 52.9

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F87C00 → Background: #007CF8

The quick brown fox jumps over the lazy dog

Text: #007CF8 → Background: #F87C00

Color Difference (Delta E)

144.45 Very Different
0 — Identical 5 — Similar 25 — Noticeable 100 — Very Different

Gradient

#007CF8 #7B7BD4 #A57AB0 #C17A8D #D77A69 #E97B43 #F87C00

Color Mixing

#007CF8

100%

#937AC2

75:25

#C17A8D

50:50

#E07B57

25:75

#F87C00

100%

CSS Gradient Code

background: linear-gradient(to right, #007CF8, #F87C00);
background: linear-gradient(135deg, #007CF8, #F87C00);

Explore Each Color

#007CF8

View full color details

#F87C00

View full color details

Related Comparisons