---
title: "Color Contrast — Free Framer plugin · Best of Framer"
description: "Free Framer plugin · by Mahmoud Marey · Utilities. Enter any 2 colors, one for Text and the other for Background, and the plugin will calculate: The overall color contrast contrast for small…"
canonical: "https://framer.elliotli.dev/plugin/color-contrast"
---

[Home](/)/[Plugins](/plugins)/[Utilities](/plugins/category/utilities)/Color Contrast

# Color Contrast

Calculate color contrast

[View on Framer](https://framer.com/marketplace/plugins/color-contrast/?via=elliot-li)

![Color Contrast preview image 1](https://framer.elliotli.dev/og/plugin/color-contrast/16ab651e529bfe06/1600x1200.jpg)

## Summary

Enter any 2 colors, one for Text and the other for Background, and the plugin will calculate: The overall color contrast contrast for small text contrast for large text Rating…

## Description

Enter any 2 colors, one for Text and the other for Background, and the plugin will calculate:

-   The overall color contrast
    
-   contrast for small text
    
-   contrast for large text
    

Rating values:

-   Blue : Very good
    
-   Yellow : Accepted
    
-   Red : Poor
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #827

## Details

- **Author**: Mahmoud Marey
- **Published**: 2024-11-29
- **Updated**: 2024-11-23
- **Added**: 2024-11-23
- **Categories**: Utilities

## More across types

-   [Ticker Marquee](/component/ticker-marquee) — Ahmet Loca · $6 — Ticker Marquee TickerMarquee is a premium animated marquee component for Framer featuring two diagonally intersecting, infinite-scroll text…
-   [Segmented Loader](/component/segmented-loader) — Azardam Studio · Free — Segmented circular loader for modern UI
-   [Attention Tab](/component/attention-tab) — Benjamin Michael Bremer · $2 — an utilities template

## More like this

-   [Framer Form Kit](/plugin/framer-form-kit) — FramerHub.io · Free — Framer Form Kit
-   [Asset Vault](/plugin/framerhub-vault) — FramerHub.io · Free — Asset Vault helps you keep reusable Framer assets in one place.
-   [FramerSend Fields](/plugin/framersend-fields) — Dong P. TRINH · Free — 60+ fields for native Framer forms
-   [Incognito Detect](/plugin/incognito-detect) — Samuel Silva · Free — Incognito Window Detect