#2127B5

#2127B5

#B5AF21

#B5AF21

Contrast Ratio

4.51:1

Delta E

158.75

Very Different

50:50 Mix

Color Values

Format #2127B5 #B5AF21
HEX #2127B5 #B5AF21
RGB 33, 39, 181 181, 175, 33
HSL 237.6, 69.2%, 42.0% 57.6, 69.2%, 42.0%
HSV 237.6, 81.8%, 71.0% 57.6, 81.8%, 71.0%
CMYK 81.8%, 78.5%, 0.0%, 29.0% 0.0%, 3.3%, 81.8%, 29.0%
OKLCH 0.3916 0.2139 269.4 0.736 0.1495 106.9

Contrast & Accessibility

4.51:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

Text Readability

The quick brown fox jumps over the lazy dog

Text: #B5AF21 → Background: #2127B5

The quick brown fox jumps over the lazy dog

Text: #2127B5 → Background: #B5AF21

Color Difference (Delta E)

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

Gradient

Color Mixing

CSS Gradient Code

background: linear-gradient(to right, #2127B5, #B5AF21);
background: linear-gradient(135deg, #2127B5, #B5AF21);

Explore Each Color

Related Comparisons