color contrast
Adjacent hue distinction
Color contrast is the degree of difference between colors, especially in lightness, darkness, or hue.
High contrast—black text on white background—is easier to read.
Low contrast can be subtle or hard to distinguish.
Designers and accessibility standards use color contrast to ensure visibility: The website failed accessibility checks due to poor color contrast between text and background.
- complementary colorsOpposite tones on spectrum
- warm and coolModerate heat states
- dark modeInterface with black background
- eye strainTired, aching vision
- legibilityClearness of text
inclusive design · perception · brightness · figure-ground · aesthetic appeal · visual hierarchy · optical illusion · alt text · luminance · screen readers · artistic composition · user interface design · assistive technology · web accessibility · white · vibrant · vivid · muted
- compositionbalance, symmetry, asymmetry, proportion, layout
- accessibilitywheelchair access, wheelchair sports, wheelchair ramp, adaptive skiing, accessibility features
- color termsblack, white, red, blue, green
- Food Presentationgarnish, plating, food styling, lemon wedge, drizzle
- color theoryhue, primary colors, secondary colors, saturation, value
- contrastblack and white, light and dark, warm and cool, complementary colors, brightness
color contrastmonochrome
Single-color rendering
monotone · color harmony · color matching · flat color · low contrast
color contrastmonochromatic
Of one hue
achromatic · grayscale · black and white · colorlessness · neutral palette