OddContrast
Color contrast checker with Oklch, Oklab, Display P3, and more – helping designers meet WCAG 2 accessibility standards.
FREE
Go to website→
RESOURCES
Color contrast checker with Oklch, Oklab, Display P3, and more – helping designers meet WCAG 2 accessibility standards.
FREE
Go to website→
'/%3e%3cdefs%3e%3cradialGradient%20id='paint0_radial'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(30.25%201.875)%20rotate(127.081)%20scale(34.0002)'%3e%3cstop%20stop-color='%2300C4FF'/%3e%3cstop%20offset='1'%20stop-color='%23307CEF'/%3e%3c/radialGradient%3e%3c/defs%3e%3c/svg%3e)
'%3e%3cg%20clip-path='url(%23clip1_99_5626)'%3e%3c/g%3e%3cg%20clip-path='url(%23clip2_99_5626)'%3e%3cpath%20d='M33.2582%206.74173C33.7464%206.25358%2033.7489%205.45886%2033.2312%205.00214C31.5788%203.54442%2029.6947%202.36781%2027.6537%201.52239C25.2271%200.517298%2022.6264%20-1.64184e-05%2020%20-1.61878e-05C17.3735%20-1.59572e-05%2014.7728%200.517299%2012.3463%201.52239C9.9198%202.52749%207.71502%204.00068%205.85785%205.85785L20%2020L33.2582%206.74173Z'%20fill='%23FF6060'/%3e%3cpath%20d='M5.85785%205.85788C4.00068%207.71505%202.52749%209.91984%201.52239%2012.3463C0.517299%2014.7729%20-1.53395e-05%2017.3736%20-1.52341e-05%2020C-1.51287e-05%2022.6265%200.517299%2025.2272%201.52239%2027.6537C2.52749%2030.0802%204.00068%2032.285%205.85785%2034.1422L20%2020L5.85785%205.85788Z'%20fill='%23FFE240'/%3e%3cpath%20d='M5.85785%2034.1421C7.71502%2035.9993%209.9198%2037.4725%2012.3463%2038.4776C14.7728%2039.4827%2017.3735%2040%2020%2040C22.6264%2040%2025.2271%2039.4827%2027.6537%2038.4776C29.6947%2037.6322%2031.5788%2036.4556%2033.2312%2034.9978C33.7489%2034.5411%2033.7464%2033.7464%2033.2582%2033.2582L20%2020L5.85785%2034.1421Z'%20fill='%23489EFF'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_99_5626'%3e%3crect%20width='250'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_99_5626'%3e%3crect%20width='206'%20height='37'%20fill='white'%20transform='translate(44%203)'/%3e%3c/clipPath%3e%3cclipPath%20id='clip2_99_5626'%3e%3crect%20width='40'%20height='40'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e)