#0C60BC

#0C60BC

#BC680C

#BC680C

Contrast Ratio

1.5:1

Delta E

114.11

Very Different

50:50 Mix

#91626D

Color Values

Format #0C60BC #BC680C
HEX #0C60BC #BC680C
RGB 12, 96, 188 188, 104, 12
HSL 211.4, 88.0%, 39.2% 31.4, 88.0%, 39.2%
HSV 211.4, 93.6%, 73.7% 31.4, 93.6%, 73.7%
CMYK 93.6%, 48.9%, 0.0%, 26.3% 0.0%, 44.7%, 93.6%, 26.3%
OKLCH 0.498 0.1623 255.9 0.6012 0.1393 58.7

Contrast & Accessibility

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BC680C → Background: #0C60BC

The quick brown fox jumps over the lazy dog

Text: #0C60BC → Background: #BC680C

Color Difference (Delta E)

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

Gradient

#0C60BC #5C60A1 #7C6187 #91626D #A26453 #B06636 #BC680C

Color Mixing

#0C60BC

100%

#6E6194

75:25

#91626D

50:50

#A96545

25:75

#BC680C

100%

CSS Gradient Code

background: linear-gradient(to right, #0C60BC, #BC680C);
background: linear-gradient(135deg, #0C60BC, #BC680C);

Explore Each Color

#0C60BC

View full color details

#BC680C

View full color details

Related Comparisons