#3104C8

#3104C8

#9BC804

#9BC804

Contrast Ratio

5.38:1

Delta E

196.5

Very Different

50:50 Mix

Color Values

Format #3104C8 #9BC804
HEX #3104C8 #9BC804
RGB 49, 4, 200 155, 200, 4
HSL 253.8, 96.1%, 40.0% 73.8, 96.1%, 40.0%
HSV 253.8, 98.0%, 78.4% 73.8, 98.0%, 78.4%
CMYK 75.5%, 98.0%, 0.0%, 21.6% 22.5%, 0.0%, 98.0%, 21.6%
OKLCH 0.3969 0.2489 274.1 0.7722 0.1918 124.4

Contrast & Accessibility

5.38:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #9BC804 → Background: #3104C8

The quick brown fox jumps over the lazy dog

Text: #3104C8 → Background: #9BC804

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3104C8, #9BC804);
background: linear-gradient(135deg, #3104C8, #9BC804);

Explore Each Color

Related Comparisons