#212C55

#212C55

#554A21

#554A21

Contrast Ratio

1.53:1

Delta E

54.77

Very Different

50:50 Mix

#423A3D

Color Values

Format #212C55 #554A21
HEX #212C55 #554A21
RGB 33, 44, 85 85, 74, 33
HSL 227.3, 44.1%, 23.1% 47.3, 44.1%, 23.1%
HSV 227.3, 61.2%, 33.3% 47.3, 61.2%, 33.3%
CMYK 61.2%, 48.2%, 0.0%, 66.7% 0.0%, 12.9%, 61.2%, 66.7%
OKLCH 0.3064 0.0752 270.2 0.4105 0.0606 94.6

Contrast & Accessibility

1.53:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #554A21 → Background: #212C55

The quick brown fox jumps over the lazy dog

Text: #212C55 → Background: #554A21

Color Difference (Delta E)

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

Gradient

#212C55 #2F304D #3A3545 #423A3D #493F34 #50452B #554A21

Color Mixing

#212C55

100%

#353349

75:25

#423A3D

50:50

#4D4230

25:75

#554A21

100%

CSS Gradient Code

background: linear-gradient(to right, #212C55, #554A21);
background: linear-gradient(135deg, #212C55, #554A21);

Explore Each Color

#212C55

View full color details

#554A21

View full color details

Related Comparisons