#0C5ABC

#0C5ABC

#BC6E0C

#BC6E0C

Contrast Ratio

1.68:1

Delta E

117.44

Very Different

50:50 Mix

#91626E

Color Values

Format #0C5ABC #BC6E0C
HEX #0C5ABC #BC6E0C
RGB 12, 90, 188 188, 110, 12
HSL 213.4, 88.0%, 39.2% 33.4, 88.0%, 39.2%
HSV 213.4, 93.6%, 73.7% 33.4, 93.6%, 73.7%
CMYK 93.6%, 52.1%, 0.0%, 26.3% 0.0%, 41.5%, 93.6%, 26.3%
OKLCH 0.4848 0.1695 257.8 0.6117 0.1367 62.7

Contrast & Accessibility

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC6E0C → Background: #0C5ABC

The quick brown fox jumps over the lazy dog

Text: #0C5ABC → Background: #BC6E0C

Color Difference (Delta E)

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

Gradient

#0C5ABC #5C5CA2 #7B5F88 #91626E #A26554 #B06A37 #BC6E0C

Color Mixing

#0C5ABC

100%

#6D5D95

75:25

#91626E

50:50

#A96746

25:75

#BC6E0C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C5ABC, #BC6E0C);
background: linear-gradient(135deg, #0C5ABC, #BC6E0C);

Explore Each Color

#0C5ABC

View full color details

#BC6E0C

View full color details

Related Comparisons