black

#000000

#024699

#024699

Contrast Ratio

2.34:1

Delta E

61.28

Very Different

50:50 Mix

#16254B

Color Values

Format #000000 #024699
HEX #000000 #024699
RGB 0, 0, 0 2, 70, 153
HSL 0.0, 0.0%, 0.0% 213.0, 97.4%, 30.4%
HSV 0.0, 0.0%, 0.0% 213.0, 98.7%, 60.0%
CMYK 0%, 0%, 0%, 100% 98.7%, 54.2%, 0.0%, 40.0%
OKLCH 0.0 0.0 0.0 0.411 0.1489 257.8

Contrast & Accessibility

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #024699 → Background: #000000

The quick brown fox jumps over the lazy dog

Text: #000000 → Background: #024699

Color Difference (Delta E)

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

Gradient

#000000 #0F101D #141B33 #16254B #163064 #113B7E #024699

Color Mixing

#000000

100%

#121628

75:25

#16254B

50:50

#143571

25:75

#024699

100%

CSS Gradient Code

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

Explore Each Color

black

View full color details

#024699

View full color details

Related Comparisons