---
title: "Discussion on \"Calculating Color Contrast in TypeScript using Web Content Accessibility Guidelines (WCAG)\" | Hashnode"
description: "Discussion on \"Calculating Color Contrast in TypeScript using Web Content Accessibility Guidelines (WCAG)\". When developing applications or websites it is important to use high color contrast between the text elements and their background to ensure they are readable for anyone with low vision impairments and color deficiencies. \nThere might be cases when y..."
url: "https://hashnode.com/posts/calculating-color-contrast-in-typescript-using-web-content-accessibility-guidelines-wcag/6061b00138b0e14f092a4ed0"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [Calculating Color Contrast in TypeScript using Web Content Accessibility Guidelines (WCAG)](https://blog.cristiana.tech/calculating-color-contrast-in-typescript-using-web-content-accessibility-guidelines-wcag?utm_source=hashnode&utm_medium=feed)

When developing applications or websites it is important to use high color contrast between the text elements and their background to ensure they are readable for anyone with low vision impairments and color deficiencies. There might be cases when y...

Mar 29, 2021 · 6 min read · blog.cristiana.tech  
Read the article

-   [#accessibility](https://hashnode.com/tag/accessibility)
-   [#typescript](https://hashnode.com/tag/typescript)

## Written by

[Cristiana Man](https://hashnode.com/@cristiana)

@cristiana · Copenhagen, Denmark

  
[View profile](https://hashnode.com/@cristiana)

Software Engineer

## Responses 1

Markdown supported · ⌘↵ to post

[Lennart Borgman](https://hashnode.com/@lborgman)

[May 8, 2023](https://hashnode.com/posts/calculating-color-contrast-in-typescript-using-web-content-accessibility-guidelines-wcag/6061b00138b0e14f092a4ed0/comment/64584c5136873323f6d75f0e)

Did you perhaps invert the contrast value?