Natural Atlantis

5 colors

Colors

  1. Dark Dreams

  2. Atlantis

  3. Underwater Moonlight

  4. Holland Tulip

  5. Natural Light

Contrast

How each color reads as text on the others. Body text needs AA (4.5:1), AAA asks for 7:1, and large text passes from 3:1. Select a pair to check it in detail.

3 of 10 pairs pass AA, 1 of them AAA.

Show
Each row is a text color and each column a background. Cells give the contrast ratio and the WCAG level it reaches.
Background Dark Dreams Background Atlantis Background Underwater Moonlight Background Holland Tulip Background Natural Light
Text Dark Dreams Same color Dark Dreams on Atlantis, contrast 2.05 to 1, fails AA Dark Dreams on Underwater Moonlight, contrast 3.84 to 1, passes AA for large text only Dark Dreams on Holland Tulip, contrast 6.31 to 1, passes AA Dark Dreams on Natural Light, contrast 11.92 to 1, passes AAA
Text Atlantis Atlantis on Dark Dreams, contrast 2.05 to 1, fails AA Same color Atlantis on Underwater Moonlight, contrast 1.87 to 1, fails AA Atlantis on Holland Tulip, contrast 3.08 to 1, passes AA for large text only Atlantis on Natural Light, contrast 5.81 to 1, passes AA
Text Underwater Moonlight Underwater Moonlight on Dark Dreams, contrast 3.84 to 1, passes AA for large text only Underwater Moonlight on Atlantis, contrast 1.87 to 1, fails AA Same color Underwater Moonlight on Holland Tulip, contrast 1.64 to 1, fails AA Underwater Moonlight on Natural Light, contrast 3.10 to 1, passes AA for large text only
Text Holland Tulip Holland Tulip on Dark Dreams, contrast 6.31 to 1, passes AA Holland Tulip on Atlantis, contrast 3.08 to 1, passes AA for large text only Holland Tulip on Underwater Moonlight, contrast 1.64 to 1, fails AA Same color Holland Tulip on Natural Light, contrast 1.88 to 1, fails AA
Text Natural Light Natural Light on Dark Dreams, contrast 11.92 to 1, passes AAA Natural Light on Atlantis, contrast 5.81 to 1, passes AA Natural Light on Underwater Moonlight, contrast 3.10 to 1, passes AA for large text only Natural Light on Holland Tulip, contrast 1.88 to 1, fails AA Same color