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
4.52
Pass
AA Large
Pass
AAA Large
Pass
AA Normal
Fail
AAA Normal
Background colour
Copy #f7f7f7 to clipboard
RGB
HSL
Red 247
Green 247
Blue 247
Hue 0°
Saturation 0
Lightness 0.97
Foreground colour
Copy #157d8b to clipboard
RGB
HSL
Red 21
Green 125
Blue 139
Hue 187°
Saturation 0.74
Lightness 0.31
Reverse colours
Save colours
Typeface
Select Google font
Roboto
Open Sans
Noto Sans JP
Montserrat
Inter
Poppins
Lato
Roboto Condensed
Material Icons
Oswald
Roboto Mono
Noto Sans
Raleway
Nunito Sans
Nunito
Rubik
Playfair Display
Ubuntu
Noto Sans KR
Merriweather
PT Sans
Roboto Slab
Kanit
Work Sans
DM Sans
Noto Sans TC
Lora
Mulish
Fira Sans
Titillium Web
IBM Plex Sans
Quicksand
Material Symbols Outlined
Manrope
Bebas Neue
Barlow
Heebo
PT Serif
Karla
Outfit
Material Icons Outlined
Noto Serif
Libre Franklin
Jost
Schibsted Grotesk
Inconsolata
Noto Color Emoji
Josefin Sans
Libre Baskerville
Dancing Script
Example copy
Large Text - 18pt/24px
Normal Text - 16px