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
11.22
Pass
AA Large
Pass
AAA Large
Pass
AA Normal
Pass
AAA Normal
Background colour
Copy #0000cc to clipboard
RGB
HSL
Red 0
Green 0
Blue 204
Hue 240°
Saturation 1
Lightness 0.4
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
Google Sans
Noto Sans JP
Montserrat
Inter
Poppins
Lato
Material Icons
Arimo
Roboto Condensed
Roboto Mono
Noto Sans
Oswald
Raleway
Nunito
Nunito Sans
Playfair Display
Ubuntu
Rubik
Noto Sans KR
Roboto Slab
DM Sans
Merriweather
Work Sans
Kanit
Material Symbols Outlined
PT Sans
Lora
Mulish
Quicksand
Manrope
Noto Sans TC
Fira Sans
IBM Plex Sans
Inconsolata
Barlow
Outfit
Figtree
Archivo
Source Sans 3
Bebas Neue
Material Symbols Rounded
Karla
Hind Siliguri
Prompt
Titillium Web
Noto Serif
PT Serif
Material Icons Outlined
Example copy
Large Text - 18pt/24px
Normal Text - 16px