#2B9DF4

#2B9DF4

#F4822B

#F4822B

Contrast Ratio

1.12:1

Delta E

121.13

Very Different

50:50 Mix

#C09094

Color Values

Format #2B9DF4 #F4822B
HEX #2B9DF4 #F4822B
RGB 43, 157, 244 244, 130, 43
HSL 206.0, 90.1%, 56.3% 26.0, 90.1%, 56.3%
HSV 206.0, 82.4%, 95.7% 26.0, 82.4%, 95.7%
CMYK 82.4%, 35.7%, 0.0%, 4.3% 0.0%, 46.7%, 82.4%, 4.3%
OKLCH 0.6762 0.1614 247.1 0.7214 0.1674 52.6

Contrast & Accessibility

1.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4822B → Background: #2B9DF4

The quick brown fox jumps over the lazy dog

Text: #2B9DF4 → Background: #F4822B

Color Difference (Delta E)

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

Gradient

#2B9DF4 #7E99D3 #A594B3 #C09094 #D58B73 #E68752 #F4822B

Color Mixing

#2B9DF4

100%

#9496C3

75:25

#C09094

50:50

#DD8963

25:75

#F4822B

100%

CSS Gradient Code

background: linear-gradient(to right, #2B9DF4, #F4822B);
background: linear-gradient(135deg, #2B9DF4, #F4822B);

Explore Each Color

#2B9DF4

View full color details

#F4822B

View full color details

Related Comparisons