CCA Main windows
Foreground colour
- Hex:
#FFF,#FFFFFF,#FFFA,#FFFFFFAA - Names:
blue,grey,orange, ... - RGB:
rgb(200,200,200),rgba(200,60,60,0.3) - HSL:
hsl(360,100%,50%),hsla(360,60%,50%,0.4) - HSV:
hsv(360,100%,50%),hsva(360,60%,50%,0.4)
Foreground RGB input
Foreground HSL input
Foreground HSV input
Background colour
- Hex:
#FFF,#FFFFFF,#FFFA,#FFFFFFAA - Names:
blue,grey,orange, ... - Names:
blue,grey,orange, ... - RGB:
rgb(200,200,200) - HSL:
hsl(360,100%,50%) - HSV:
hsv(360,100%,50%)
Background RGB input
Background HSL input
Background HSV input
Sample preview
example text showing contrast
WCAG 2.1 results
Contrast ratio
99.9:1
1.4.3 Contrast (Minimum) (AA)
Paraphrased: Text (including images of text) has a contrast ratio of at least 4.5:1 for "regular" sized text and at least 3:1 for large scale text (at least 18pt / 24px, or bold and at least 14pt / 18.5px), unless the text is purely decorative.
Pass
1.4.6 Contrast (Enhanced) (AAA)
Paraphrased: Text (including images of text) has a contrast ratio of at least 7:1 for "regular" sized text and at least 4.5:1 for large scale text (at least 18pt / 24px, or bold and at least 14pt / 18.5px), unless the text is purely decorative.
Pass
1.4.11 Non-text Contrast (AA)
Paraphrased: The visual presentation of user interface components (their states – including focus indication – and boundaries) and graphical objects has a contrast ratio of at least 3:1 against adjacent colour(s)
Pass