#604FBC

#604FBC

#ABBC4F

#ABBC4F

Contrast Ratio

3.0:1

Delta E

125.66

Very Different

50:50 Mix

#94858C

Color Values

Format #604FBC #ABBC4F
HEX #604FBC #ABBC4F
RGB 96, 79, 188 171, 188, 79
HSL 249.4, 44.9%, 52.4% 69.4, 44.9%, 52.4%
HSV 249.4, 58.0%, 73.7% 69.4, 58.0%, 73.7%
CMYK 48.9%, 58.0%, 0.0%, 26.3% 9.0%, 0.0%, 58.0%, 26.3%
OKLCH 0.5039 0.1646 286.0 0.76 0.1355 117.2

Contrast & Accessibility

3.0:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ABBC4F → Background: #604FBC

The quick brown fox jumps over the lazy dog

Text: #604FBC → Background: #ABBC4F

Color Difference (Delta E)

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

Gradient

#604FBC #7761AC #87729C #94858C #9E977A #A5A966 #ABBC4F

Color Mixing

#604FBC

100%

#7F69A4

75:25

#94858C

50:50

#A2A070

25:75

#ABBC4F

100%

CSS Gradient Code

background: linear-gradient(to right, #604FBC, #ABBC4F);
background: linear-gradient(135deg, #604FBC, #ABBC4F);

Explore Each Color

#604FBC

View full color details

#ABBC4F

View full color details

Related Comparisons