black

#000000

#311F5C

#311F5C

Contrast Ratio

1.48:1

Delta E

45.4

Very Different

50:50 Mix

#1D1430

Color Values

Format #000000 #311F5C
HEX #000000 #311F5C
RGB 0, 0, 0 49, 31, 92
HSL 0.0, 0.0%, 0.0% 257.7, 49.6%, 24.1%
HSV 0.0, 0.0%, 0.0% 257.7, 66.3%, 36.1%
CMYK 0%, 0%, 0%, 100% 46.7%, 66.3%, 0.0%, 63.9%
OKLCH 0.0 0.0 0.0 0.2993 0.1041 292.6

Contrast & Accessibility

1.48:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #311F5C → Background: #000000

The quick brown fox jumps over the lazy dog

Text: #000000 → Background: #311F5C

Color Difference (Delta E)

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

Gradient

#000000 #0E0815 #170F22 #1D1430 #24183E #2A1B4D #311F5C

Color Mixing

#000000

100%

#140C1B

75:25

#1D1430

50:50

#271945

25:75

#311F5C

100%

CSS Gradient Code

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

Explore Each Color

black

View full color details

#311F5C

View full color details

Related Comparisons