#022C64

#022C64

#643A02

#643A02

Contrast Ratio

1.39:1

Delta E

75.43

Very Different

50:50 Mix

#4C3238

Color Values

Format #022C64 #643A02
HEX #022C64 #643A02
RGB 2, 44, 100 100, 58, 2
HSL 214.3, 96.1%, 20.0% 34.3, 96.1%, 20.0%
HSV 214.3, 98.0%, 39.2% 34.3, 98.0%, 39.2%
CMYK 98.0%, 56.0%, 0.0%, 60.8% 0.0%, 42.0%, 98.0%, 60.8%
OKLCH 0.3048 0.1085 257.8 0.3911 0.0862 65.4

Contrast & Accessibility

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #643A02 → Background: #022C64

The quick brown fox jumps over the lazy dog

Text: #022C64 → Background: #643A02

Color Difference (Delta E)

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

Gradient

#022C64 #2D2D55 #3F2F47 #4C3238 #553429 #5D3719 #643A02

Color Mixing

#022C64

100%

#372E4E

75:25

#4C3238

50:50

#593621

25:75

#643A02

100%

CSS Gradient Code

background: linear-gradient(to right, #022C64, #643A02);
background: linear-gradient(135deg, #022C64, #643A02);

Explore Each Color

#022C64

View full color details

#643A02

View full color details

Related Comparisons