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
12.72
Pass
AA Large
Pass
AAA Large
Pass
AA Normal
Pass
AAA Normal
Background colour
Copy #ffe66d to clipboard
RGB
HSL
Red 255
Green 230
Blue 109
Hue 50°
Saturation 1
Lightness 0.71
Foreground colour
Copy #222222 to clipboard
RGB
HSL
Red 34
Green 34
Blue 34
Hue 0°
Saturation 0
Lightness 0.13
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
Ubuntu
Rubik
Playfair Display
Noto Sans KR
Merriweather
Roboto Slab
Kanit
PT Sans
Work Sans
Noto Sans TC
DM Sans
Lora
Mulish
Fira Sans
Manrope
IBM Plex Sans
Quicksand
Material Symbols Outlined
Titillium Web
Barlow
Bebas Neue
Heebo
Hind Siliguri
PT Serif
Karla
Material Icons Outlined
Noto Serif
Outfit
Libre Franklin
Nanum Gothic
Noto Color Emoji
Jost
Schibsted Grotesk
Inconsolata
Libre Baskerville
Example copy
Large Text - 18pt/24px
Normal Text - 16px