What is Color Contrast Ratio | How is it Calculated?

In this video, I will be talking about what is color contrast ratio, how is it calculated and why is it important to avoid a bad UX. With a quick overview of what color contrast ratio is about we also see how the ratio is calculated using the formula and end it with an example. In between, I also talk about what is relative luminance which is used to determine the color contrast ratio.
#ColorContrastRatio #RelativeLuminance #UserExperience

⏱️Timestamps:
0:00 Intro
0:40 Why is color contrast important?
1:58 How to calculate color contrast?

🔴 Attribution

You have got some ideas or topics in mind? Please do comment below we will make sure to check it out and do it if possible 🥳

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Stay updated with our videos by following us at:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

[DesignXstream]

Links to the tools used in this video:

[sunjayarmstead]

@DesignXstream, this video is SUPER helpful. I was looking for a resource to help me make sense of color contrast. This is it!

[rupa.design]

Thanks for the information, learned what I wanted to! Instantly Subscribed and on top of that, you have such soothing voice as well.

[raptorswire]

Nicely explained, but you never mentioned, where will I get the Luminance value from a random color...yes, you can use website, but can I calculate it myself?

[viv]

Ohh I was so happy to find this video but the boring Maths you skipped over is sadly exactly what I needed for my upcoming test :(

[Poojapatil-criz]

Hi sir..
Please tell me -which color added for 4.5:1

[deanozadze]

What can I measure, ,L" in? Lux? Pls answer my question ❤