#3838BC

#3838BC

#BCBC38

#BCBC38

Contrast Ratio

4.22:1

Delta E

150.28

Very Different

50:50 Mix

Color Values

Format #3838BC #BCBC38
HEX #3838BC #BCBC38
RGB 56, 56, 188 188, 188, 56
HSL 240.0, 54.1%, 47.8% 60.0, 54.1%, 47.8%
HSV 240.0, 70.2%, 73.7% 60.0, 70.2%, 73.7%
CMYK 70.2%, 70.2%, 0.0%, 26.3% 0.0%, 0.0%, 70.2%, 26.3%
OKLCH 0.4358 0.2 274.3 0.7718 0.1485 109.4

Contrast & Accessibility

4.22:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #BCBC38 → Background: #3838BC

The quick brown fox jumps over the lazy dog

Text: #3838BC → Background: #BCBC38

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #3838BC, #BCBC38);
background: linear-gradient(135deg, #3838BC, #BCBC38);

Explore Each Color

Related Comparisons