black

#000000

#374664

#374664

Contrast Ratio

2.22:1

Delta E

35.62

Very Different

50:50 Mix

#1F2533

Color Values

Format #000000 #374664
HEX #000000 #374664
RGB 0, 0, 0 55, 70, 100
HSL 0.0, 0.0%, 0.0% 220.0, 29.0%, 30.4%
HSV 0.0, 0.0%, 0.0% 220.0, 45.0%, 39.2%
CMYK 0%, 0%, 0%, 100% 45.0%, 30.0%, 0.0%, 60.8%
OKLCH 0.0 0.0 0.0 0.3948 0.0547 263.6

Contrast & Accessibility

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #374664 → Background: #000000

The quick brown fox jumps over the lazy dog

Text: #000000 → Background: #374664

Color Difference (Delta E)

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

Gradient

#000000 #0F1116 #181B24 #1F2533 #273043 #2F3B53 #374664

Color Mixing

#000000

100%

#14161D

75:25

#1F2533

50:50

#2B354B

25:75

#374664

100%

CSS Gradient Code

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

Explore Each Color

black

View full color details

#374664

View full color details

Related Comparisons