#2D8FF1

#2D8FF1

#F18F2D

#F18F2D

Contrast Ratio

1.38:1

Delta E

123.4

Very Different

50:50 Mix

#BC8E94

Color Values

Format #2D8FF1 #F18F2D
HEX #2D8FF1 #F18F2D
RGB 45, 143, 241 241, 143, 45
HSL 210.0, 87.5%, 56.1% 30.0, 87.5%, 56.1%
HSV 210.0, 81.3%, 94.5% 30.0, 81.3%, 94.5%
CMYK 81.3%, 40.7%, 0.0%, 5.5% 0.0%, 40.7%, 81.3%, 5.5%
OKLCH 0.6438 0.1711 252.4 0.7389 0.1576 60.0

Contrast & Accessibility

1.38:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #F18F2D → Background: #2D8FF1

The quick brown fox jumps over the lazy dog

Text: #2D8FF1 → Background: #F18F2D

Color Difference (Delta E)

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

Gradient

#2D8FF1 #7B8ED2 #A18EB3 #BC8E94 #D18E75 #E28F55 #F18F2D

Color Mixing

#2D8FF1

100%

#908EC3

75:25

#BC8E94

50:50

#DA8E65

25:75

#F18F2D

100%

CSS Gradient Code

background: linear-gradient(to right, #2D8FF1, #F18F2D);
background: linear-gradient(135deg, #2D8FF1, #F18F2D);

Explore Each Color

#2D8FF1

View full color details

#F18F2D

View full color details

Related Comparisons