#10102C

#10102C

#2C2C10

#2C2C10

Contrast Ratio

1.3:1

Delta E

40.77

Very Different

50:50 Mix

#221E1F

Color Values

Format #10102C #2C2C10
HEX #10102C #2C2C10
RGB 16, 16, 44 44, 44, 16
HSL 240.0, 46.7%, 11.8% 60.0, 46.7%, 11.8%
HSV 240.0, 63.6%, 17.3% 60.0, 63.6%, 17.3%
CMYK 63.6%, 63.6%, 0.0%, 82.7% 0.0%, 0.0%, 63.6%, 82.7%
OKLCH 0.1918 0.0551 279.9 0.2857 0.0445 108.9

Contrast & Accessibility

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #2C2C10 → Background: #10102C

The quick brown fox jumps over the lazy dog

Text: #10102C → Background: #2C2C10

Color Difference (Delta E)

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

Gradient

#10102C #171528 #1D1924 #221E1F #26221B #292716 #2C2C10

Color Mixing

#10102C

100%

#1A1726

75:25

#221E1F

50:50

#272518

25:75

#2C2C10

100%

CSS Gradient Code

background: linear-gradient(to right, #10102C, #2C2C10);
background: linear-gradient(135deg, #10102C, #2C2C10);

Explore Each Color

#10102C

View full color details

#2C2C10

View full color details

Related Comparisons