#196BCB

#196BCB

#CB7919

#CB7919

Contrast Ratio

1.57:1

Delta E

117.64

Very Different

50:50 Mix

#9D707A

Color Values

Format #196BCB #CB7919
HEX #196BCB #CB7919
RGB 25, 107, 203 203, 121, 25
HSL 212.4, 78.1%, 44.7% 32.4, 78.1%, 44.7%
HSV 212.4, 87.7%, 79.6% 32.4, 87.7%, 79.6%
CMYK 87.7%, 47.3%, 0.0%, 20.4% 0.0%, 40.4%, 87.7%, 20.4%
OKLCH 0.5353 0.1669 256.0 0.6513 0.1416 62.7

Contrast & Accessibility

1.57:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #CB7919 → Background: #196BCB

The quick brown fox jumps over the lazy dog

Text: #196BCB → Background: #CB7919

Color Difference (Delta E)

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

Gradient

#196BCB #656CB0 #866E95 #9D707A #AF735E #BE7641 #CB7919

Color Mixing

#196BCB

100%

#776DA2

75:25

#9D707A

50:50

#B77450

25:75

#CB7919

100%

CSS Gradient Code

background: linear-gradient(to right, #196BCB, #CB7919);
background: linear-gradient(135deg, #196BCB, #CB7919);

Explore Each Color

#196BCB

View full color details

#CB7919

View full color details

Related Comparisons