black

#000000

#284A7D

#284A7D

Contrast Ratio

2.37:1

Delta E

45.59

Very Different

50:50 Mix

#1B273E

Color Values

Format #000000 #284A7D
HEX #000000 #284A7D
RGB 0, 0, 0 40, 74, 125
HSL 0.0, 0.0%, 0.0% 216.0, 51.5%, 32.4%
HSV 0.0, 0.0%, 0.0% 216.0, 68.0%, 49.0%
CMYK 0%, 0%, 0%, 100% 68.0%, 40.8%, 0.0%, 51.0%
OKLCH 0.0 0.0 0.0 0.4102 0.0947 258.3

Contrast & Accessibility

2.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #284A7D → Background: #000000

The quick brown fox jumps over the lazy dog

Text: #000000 → Background: #284A7D

Color Difference (Delta E)

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

Gradient

#000000 #0F1119 #161C2B #1B273E #203252 #243E67 #284A7D

Color Mixing

#000000

100%

#131722

75:25

#1B273E

50:50

#22385D

25:75

#284A7D

100%

CSS Gradient Code

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

Explore Each Color

black

View full color details

#284A7D

View full color details

Related Comparisons