Skip to colour contrast ratio
Skip to colour contrast grades
Skip to background colour input
Skip to foreground colour input
Skip to large text example copy
Skip to normal text example copy
Colour contrast checker
Aa
21.00
Pass
AA Large
Pass
AAA Large
Pass
AA Normal
Pass
AAA Normal
Background colour
Copy #000000 to clipboard
RGB
HSL
Red 0
Green 0
Blue 0
Hue 0°
Saturation 0
Lightness 0
Foreground colour
Copy #ffffff to clipboard
RGB
HSL
Red 255
Green 255
Blue 255
Hue 0°
Saturation 0
Lightness 1
Reverse colours
Save colours
Typeface
Select Google font
Roboto
Open Sans
Noto Sans JP
Montserrat
Inter
Poppins
Lato
Material Icons
Roboto Condensed
Arimo
Roboto Mono
Oswald
Noto Sans
Raleway
Nunito Sans
Nunito
Rubik
Playfair Display
Ubuntu
Noto Sans KR
Merriweather
DM Sans
Kanit
Roboto Slab
Work Sans
PT Sans
Noto Sans TC
Lora
Mulish
Material Symbols Outlined
IBM Plex Sans
Manrope
Fira Sans
Quicksand
Titillium Web
Barlow
Outfit
Archivo Black
Hind Siliguri
Bebas Neue
Libre Baskerville
Heebo
PT Serif
Material Icons Outlined
Karla
Noto Serif
Prompt
Jost
Noto Color Emoji
Inconsolata
Example copy
Large Text - 18pt/24px
Normal Text - 16px