#2F2F3F

#2F2F3F

#3F3F2F

#3F3F2F

Contrast Ratio

1.23:1

Delta E

22.13

Noticeable

50:50 Mix

#383737

Color Values

Format #2F2F3F #3F3F2F
HEX #2F2F3F #3F3F2F
RGB 47, 47, 63 63, 63, 47
HSL 240.0, 14.5%, 21.6% 60.0, 14.5%, 21.6%
HSV 240.0, 25.4%, 24.7% 60.0, 25.4%, 24.7%
CMYK 25.4%, 25.4%, 0.0%, 75.3% 0.0%, 0.0%, 25.4%, 75.3%
OKLCH 0.3122 0.0285 284.6 0.3627 0.0263 107.6

Contrast & Accessibility

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

Text Readability

The quick brown fox jumps over the lazy dog

Text: #3F3F2F → Background: #2F2F3F

The quick brown fox jumps over the lazy dog

Text: #2F2F3F → Background: #3F3F2F

Color Difference (Delta E)

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

Gradient

#2F2F3F #32323C #35343A #383737 #3A3A35 #3D3C32 #3F3F2F

Color Mixing

#2F2F3F

100%

#34333B

75:25

#383737

50:50

#3C3B33

25:75

#3F3F2F

100%

CSS Gradient Code

background: linear-gradient(to right, #2F2F3F, #3F3F2F);
background: linear-gradient(135deg, #2F2F3F, #3F3F2F);

Explore Each Color

#2F2F3F

View full color details

#3F3F2F

View full color details

Related Comparisons