#187DDF

#187DDF

#DF7A18

#DF7A18

Contrast Ratio

1.38:1

Delta E

123.84

Very Different

50:50 Mix

#AE7A83

Color Values

Format #187DDF #DF7A18
HEX #187DDF #DF7A18
RGB 24, 125, 223 223, 122, 24
HSL 209.5, 80.6%, 48.4% 29.5, 80.6%, 48.4%
HSV 209.5, 89.2%, 87.5% 29.5, 89.2%, 87.5%
CMYK 89.2%, 43.9%, 0.0%, 12.5% 0.0%, 45.3%, 89.2%, 12.5%
OKLCH 0.5886 0.1721 253.2 0.6794 0.1581 56.7

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: #DF7A18 → Background: #187DDF

The quick brown fox jumps over the lazy dog

Text: #187DDF → Background: #DF7A18

Color Difference (Delta E)

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

Gradient

#187DDF #707CC0 #947BA2 #AE7A83 #C17A65 #D17A44 #DF7A18

Color Mixing

#187DDF

100%

#847BB1

75:25

#AE7A83

50:50

#C97A55

25:75

#DF7A18

100%

CSS Gradient Code

background: linear-gradient(to right, #187DDF, #DF7A18);
background: linear-gradient(135deg, #187DDF, #DF7A18);

Explore Each Color

#187DDF

View full color details

#DF7A18

View full color details

Related Comparisons