#2F96F4

#2F96F4

#F48D2F

#F48D2F

Contrast Ratio

1.28:1

Delta E

121.98

Very Different

50:50 Mix

#BF9196

Color Values

Format #2F96F4 #F48D2F
HEX #2F96F4 #F48D2F
RGB 47, 150, 244 244, 141, 47
HSL 208.6, 90.0%, 57.1% 28.6, 90.0%, 57.1%
HSV 208.6, 80.7%, 95.7% 28.6, 80.7%, 95.7%
CMYK 80.7%, 38.5%, 0.0%, 4.3% 0.0%, 42.2%, 80.7%, 4.3%
OKLCH 0.6614 0.1671 250.5 0.7395 0.1603 57.6

Contrast & Accessibility

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F48D2F → Background: #2F96F4

The quick brown fox jumps over the lazy dog

Text: #2F96F4 → Background: #F48D2F

Color Difference (Delta E)

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

Gradient

#2F96F4 #7E94D4 #A492B5 #BF9196 #D49077 #E58E56 #F48D2F

Color Mixing

#2F96F4

100%

#9393C5

75:25

#BF9196

50:50

#DD8F67

25:75

#F48D2F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F96F4, #F48D2F);
background: linear-gradient(135deg, #2F96F4, #F48D2F);

Explore Each Color

#2F96F4

View full color details

#F48D2F

View full color details

Related Comparisons