#2D8AF4

#2D8AF4

#F4972D

#F4972D

Contrast Ratio

1.54:1

Delta E

128.13

Very Different

50:50 Mix

#BE8F97

Color Values

Format #2D8AF4 #F4972D
HEX #2D8AF4 #F4972D
RGB 45, 138, 244 244, 151, 45
HSL 212.0, 90.0%, 56.7% 32.0, 90.0%, 56.7%
HSV 212.0, 81.6%, 95.7% 32.0, 81.6%, 95.7%
CMYK 81.6%, 43.4%, 0.0%, 4.3% 0.0%, 38.1%, 81.6%, 4.3%
OKLCH 0.6348 0.1801 254.8 0.7563 0.1572 63.6

Contrast & Accessibility

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F4972D → Background: #2D8AF4

The quick brown fox jumps over the lazy dog

Text: #2D8AF4 → Background: #F4972D

Color Difference (Delta E)

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

Gradient

#2D8AF4 #7C8BD5 #A38DB6 #BE8F97 #D39178 #E59456 #F4972D

Color Mixing

#2D8AF4

100%

#918CC5

75:25

#BE8F97

50:50

#DC9367

25:75

#F4972D

100%

CSS Gradient Code

background: linear-gradient(to right, #2D8AF4, #F4972D);
background: linear-gradient(135deg, #2D8AF4, #F4972D);

Explore Each Color

#2D8AF4

View full color details

#F4972D

View full color details

Related Comparisons