#0B7DEC

#0B7DEC

#EC7A0B

#EC7A0B

Contrast Ratio

1.43:1

Delta E

134.92

Very Different

50:50 Mix

#B87A88

Color Values

Format #0B7DEC #EC7A0B
HEX #0B7DEC #EC7A0B
RGB 11, 125, 236 236, 122, 11
HSL 209.6, 91.1%, 48.4% 29.6, 91.1%, 48.4%
HSV 209.6, 95.3%, 92.5% 29.6, 95.3%, 92.5%
CMYK 95.3%, 47.0%, 0.0%, 7.5% 0.0%, 48.3%, 95.3%, 7.5%
OKLCH 0.596 0.1899 254.7 0.6967 0.1716 54.2

Contrast & Accessibility

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #EC7A0B → Background: #0B7DEC

The quick brown fox jumps over the lazy dog

Text: #0B7DEC → Background: #EC7A0B

Color Difference (Delta E)

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

Gradient

#0B7DEC #767CCA #9D7BA9 #B87A88 #CD7A66 #DD7A42 #EC7A0B

Color Mixing

#0B7DEC

100%

#8C7BBA

75:25

#B87A88

50:50

#D57A55

25:75

#EC7A0B

100%

CSS Gradient Code

background: linear-gradient(to right, #0B7DEC, #EC7A0B);
background: linear-gradient(135deg, #0B7DEC, #EC7A0B);

Explore Each Color

#0B7DEC

View full color details

#EC7A0B

View full color details

Related Comparisons