black

#000000

#224464

#224464

Contrast Ratio

2.08:1

Delta E

35.8

Very Different

50:50 Mix

#182433

Color Values

Format #000000 #224464
HEX #000000 #224464
RGB 0, 0, 0 34, 68, 100
HSL 0.0, 0.0%, 0.0% 209.1, 49.3%, 26.3%
HSV 0.0, 0.0%, 0.0% 209.1, 66.0%, 39.2%
CMYK 0%, 0%, 0%, 100% 66.0%, 32.0%, 0.0%, 60.8%
OKLCH 0.0 0.0 0.0 0.3769 0.068 248.8

Contrast & Accessibility

2.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #224464 → Background: #000000

The quick brown fox jumps over the lazy dog

Text: #000000 → Background: #224464

Color Difference (Delta E)

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

Gradient

#000000 #0C1016 #131B24 #182433 #1C2F43 #1F3953 #224464

Color Mixing

#000000

100%

#10161D

75:25

#182433

50:50

#1D344B

25:75

#224464

100%

CSS Gradient Code

background: linear-gradient(to right, #000000, #224464);
background: linear-gradient(135deg, #000000, #224464);

Explore Each Color

black

View full color details

#224464

View full color details

Related Comparisons