#2F8DF4

#2F8DF4

#F4962F

#F4962F

Contrast Ratio

1.48:1

Delta E

126.05

Very Different

50:50 Mix

#BE9097

Color Values

Format #2F8DF4 #F4962F
HEX #2F8DF4 #F4962F
RGB 47, 141, 244 244, 150, 47
HSL 211.4, 90.0%, 57.1% 31.4, 90.0%, 57.1%
HSV 211.4, 80.7%, 95.7% 31.4, 80.7%, 95.7%
CMYK 80.7%, 42.2%, 0.0%, 4.3% 0.0%, 38.5%, 80.7%, 4.3%
OKLCH 0.6417 0.1764 254.0 0.7547 0.1567 62.7

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4962F → Background: #2F8DF4

The quick brown fox jumps over the lazy dog

Text: #2F8DF4 → Background: #F4962F

Color Difference (Delta E)

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

Gradient

#2F8DF4 #7D8ED5 #A38FB6 #BE9097 #D39278 #E59457 #F4962F

Color Mixing

#2F8DF4

100%

#928EC6

75:25

#BE9097

50:50

#DC9368

25:75

#F4962F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F8DF4, #F4962F);
background: linear-gradient(135deg, #2F8DF4, #F4962F);

Explore Each Color

#2F8DF4

View full color details

#F4962F

View full color details

Related Comparisons