#236ABC

#236ABC

#BC7523

#BC7523

Contrast Ratio

1.48:1

Delta E

104.07

Very Different

50:50 Mix

Color Values

Format #236ABC #BC7523
HEX #236ABC #BC7523
RGB 35, 106, 188 188, 117, 35
HSL 212.2, 68.6%, 43.7% 32.2, 68.6%, 43.7%
HSV 212.2, 81.4%, 73.7% 32.2, 81.4%, 73.7%
CMYK 81.4%, 43.6%, 0.0%, 26.3% 0.0%, 37.8%, 81.4%, 26.3%
OKLCH 0.5249 0.1463 254.9 0.6254 0.1276 64.4

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: #BC7523 β†’ Background: #236ABC

The quick brown fox jumps over the lazy dog

Text: #236ABC β†’ Background: #BC7523

Color Difference (Delta E)

104.07 Very Different
0 β€” Identical 5 β€” Similar 25 β€” Noticeable 100 β€” Very Different

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #236ABC, #BC7523);
background: linear-gradient(135deg, #236ABC, #BC7523);

Explore Each Color

Related Comparisons