#3C2DBA

#3C2DBA

#ABBA2D

#ABBA2D

Contrast Ratio

4.3:1

Delta E

158.89

Very Different

50:50 Mix

#8E7380

Color Values

Format #3C2DBA #ABBA2D
HEX #3C2DBA #ABBA2D
RGB 60, 45, 186 171, 186, 45
HSL 246.4, 61.0%, 45.3% 66.4, 61.0%, 45.3%
HSV 246.4, 75.8%, 72.9% 66.4, 75.8%, 72.9%
CMYK 67.7%, 75.8%, 0.0%, 27.1% 8.1%, 0.0%, 75.8%, 27.1%
OKLCH 0.4209 0.2077 277.4 0.7527 0.1573 115.7

Contrast & Accessibility

4.3:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #ABBA2D → Background: #3C2DBA

The quick brown fox jumps over the lazy dog

Text: #3C2DBA → Background: #ABBA2D

Color Difference (Delta E)

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

Gradient

#3C2DBA #6544A7 #7D5B94 #8E7380 #9B8A6B #A4A251 #ABBA2D

Color Mixing

#3C2DBA

100%

#72509E

75:25

#8E7380

50:50

#A0965F

25:75

#ABBA2D

100%

CSS Gradient Code

background: linear-gradient(to right, #3C2DBA, #ABBA2D);
background: linear-gradient(135deg, #3C2DBA, #ABBA2D);

Explore Each Color

#3C2DBA

View full color details

#ABBA2D

View full color details

Related Comparisons