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.35
Pass
AA Large
Fail
AAA Large
Fail
AA Normal
Fail
AAA Normal
Background colour
Copy #0000ff to clipboard
RGB
HSL
Red 0
Green 0
Blue 255
Hue 240°
Saturation 1
Lightness 0.5
Foreground colour
Copy #ffa500 to clipboard
RGB
HSL
Red 255
Green 165
Blue 0
Hue 39°
Saturation 1
Lightness 0.5
Reverse colours
Save colours
Typeface
Select Google font
Roboto
Open Sans
Noto Sans JP
Montserrat
Inter
Poppins
Lato
Material Icons
Roboto Condensed
Roboto Mono
Oswald
Noto Sans
Raleway
Nunito Sans
Nunito
Rubik
Ubuntu
Playfair Display
Noto Sans KR
Merriweather
Roboto Slab
DM Sans
PT Sans
Work Sans
Kanit
Noto Sans TC
Lora
Material Symbols Outlined
Mulish
IBM Plex Sans
Quicksand
Fira Sans
Manrope
Inconsolata
Barlow
Titillium Web
Material Icons Outlined
Heebo
PT Serif
Karla
Bebas Neue
Outfit
Noto Serif
Jost
Noto Color Emoji
Libre Baskerville
Schibsted Grotesk
Prompt
Roboto Flex
Mukta
Example copy
Large Text - 18pt/24px
Normal Text - 16px