#0C74DF

#0C74DF

#DF770C

#DF770C

Contrast Ratio

1.48:1

Delta E

129.75

Very Different

50:50 Mix

#AD7481

Color Values

Format #0C74DF #DF770C
HEX #0C74DF #DF770C
RGB 12, 116, 223 223, 119, 12
HSL 210.4, 89.8%, 46.1% 30.4, 89.8%, 46.1%
HSV 210.4, 94.6%, 87.5% 30.4, 94.6%, 87.5%
CMYK 94.6%, 48.0%, 0.0%, 12.5% 0.0%, 46.6%, 94.6%, 12.5%
OKLCH 0.5675 0.1838 255.3 0.6741 0.1618 56.2

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #DF770C → Background: #0C74DF

The quick brown fox jumps over the lazy dog

Text: #0C74DF → Background: #DF770C

Color Difference (Delta E)

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

Gradient

#0C74DF #6F73BF #9473A0 #AD7481 #C17561 #D1763F #DF770C

Color Mixing

#0C74DF

100%

#8373B0

75:25

#AD7481

50:50

#C97551

25:75

#DF770C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C74DF, #DF770C);
background: linear-gradient(135deg, #0C74DF, #DF770C);

Explore Each Color

#0C74DF

View full color details

#DF770C

View full color details

Related Comparisons