ColorShark

Results

AAA

7.60

Text

Hex

Hue 175°

175

Saturation 100%

100

Lightness 42%

42

Background

Hex

Hue 265°

265

Saturation 100%

100

Lightness 26%

26

Simulate Color Blindness

Test your colors against certain deficiencies.

Ordered by population

Normal VisionPerson can see all colors naturally

DeuteranomalyPerson sees low amounts of green

ProtanomalyPerson sees low amounts of red

ProtanopiaPerson sees no red

DeuteranopiaPerson sees no green

TritanopiaPerson sees no blue

TritanomalyPerson sees low amounts of blue

AchromatomalyPerson sees the absence of most color

AchromatopsiaPerson sees no color at all

About

AAA

7.00Normal text

4.50Large text¹

AA

4.50Normal text

3.00Large text¹

¹ Minimum 24px or 19px Bold

About: ColorShark is built for designers and developers to test color contrast compliance with the WCAG as set forth by the W3C.

How to use: Enter colors for both text and background by either typing them in manually, pasting them, or modifying the HSL sliders.

Created by Mark Riggan

Licensed under Creative Commons License