#245EAF

#245EAF

#AF7524

#AF7524

Contrast Ratio

1.64:1

Delta E

100.47

Very Different

50:50 Mix

#87686E

Color Values

Format #245EAF #AF7524
HEX #245EAF #AF7524
RGB 36, 94, 175 175, 117, 36
HSL 215.0, 65.9%, 41.4% 35.0, 65.9%, 41.4%
HSV 215.0, 79.4%, 68.6% 35.0, 79.4%, 68.6%
CMYK 79.4%, 46.3%, 0.0%, 31.4% 0.0%, 33.1%, 79.4%, 31.4%
OKLCH 0.4892 0.1426 257.7 0.6092 0.1175 70.4

Contrast & Accessibility

1.64:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #AF7524 → Background: #245EAF

The quick brown fox jumps over the lazy dog

Text: #245EAF → Background: #AF7524

Color Difference (Delta E)

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

Gradient

#245EAF #586199 #736484 #87686E #976C58 #A47041 #AF7524

Color Mixing

#245EAF

100%

#67628F

75:25

#87686E

50:50

#9D6E4D

25:75

#AF7524

100%

CSS Gradient Code

background: linear-gradient(to right, #245EAF, #AF7524);
background: linear-gradient(135deg, #245EAF, #AF7524);

Explore Each Color

#245EAF

View full color details

#AF7524

View full color details

Related Comparisons