#3344C0

#3344C0

#C0AF33

#C0AF33

Contrast Ratio

3.45:1

Delta E

140.46

Very Different

50:50 Mix

#967683

Color Values

Format #3344C0 #C0AF33
HEX #3344C0 #C0AF33
RGB 51, 68, 192 192, 175, 51
HSL 232.8, 58.0%, 47.6% 52.8, 58.0%, 47.6%
HSV 232.8, 73.4%, 75.3% 52.8, 73.4%, 75.3%
CMYK 73.4%, 64.6%, 0.0%, 24.7% 0.0%, 8.9%, 73.4%, 24.7%
OKLCH 0.4566 0.1929 270.5 0.747 0.1392 101.2

Contrast & Accessibility

3.45:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #C0AF33 → Background: #3344C0

The quick brown fox jumps over the lazy dog

Text: #3344C0 → Background: #C0AF33

Color Difference (Delta E)

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

Gradient

#3344C0 #6454AC #816598 #967683 #A6896D #B49C54 #C0AF33

Color Mixing

#3344C0

100%

#745CA2

75:25

#967683

50:50

#AD9261

25:75

#C0AF33

100%

CSS Gradient Code

background: linear-gradient(to right, #3344C0, #C0AF33);
background: linear-gradient(135deg, #3344C0, #C0AF33);

Explore Each Color

#3344C0

View full color details

#C0AF33

View full color details

Related Comparisons