Color accessibility checker
Colors
Background
#0b7ba7
RGB 11 123 167
HSL 197 88% 35%
Foreground
#000
RGB 0 0 0
HSL 0 0% 0%
Contrast
4.4:1
Accessibility scores
Type
AA
AAA
(optional)
Example
Normal text
Fail
Fail
17pt text•13pt bold text
Large text
Pass
Fail
18pt text•14pt bold text
UI Component
Pass
N/A
Graphical Object
Pass
N/A
Level AA: All components
These color combinations meet the minimum contrast guidelines for all components.
Option 1: Lighter background color
Background
#0b7fac
RGB 11 127 172
HSL 197 88% 36%
Foreground
#000
RGB 0 0 0
HSL 0 0% 0%
Contrast
4.64:1
Accessibility scores
Type
AA
AAA
(optional)
Example
Normal text
Pass
Fail
17pt text•13pt bold text
Large text
Pass
Pass
18pt text•14pt bold text
UI Component
Pass
N/A
Graphical Object
Pass
N/A
Level AAA (optional)
These color combinations meet the optional enhanced contrast guidelines for all components.
Option 1: Lighter background color
Background
#0ea2dc
RGB 14 162 220
HSL 197 88% 46%
Foreground
#000
RGB 0 0 0
HSL 0 0% 0%
Contrast
7.22:1
Accessibility scores
Type
AA
AAA
(optional)
Example
Normal text
Pass
Pass
17pt text•13pt bold text
Large text
Pass
Pass
18pt text•14pt bold text
UI Component
Pass
N/A
Graphical Object
Pass
N/A