Sip includes support for simulating how colors appear to people with different types of color vision deficiencies. With a single toggle, you can preview your palettes through the lens of:
Normal – Standard color perception
Protanopia – Red-weak vision
Deuteranopia – Green-weak vision
Tritanopia – Blue-yellow color blindness
Achromatopsia – Total color blindness (no color perception)
Color blindness affects over 300 million people worldwide. With this feature, you can:
Instantly simulate different types of color vision
Validate accessibility in your designs
Ensure your palettes are inclusive and legible for everyone
Whether you’re a designer, developer, or accessibility advocate, this tool helps you build more inclusive visuals in Sip.You’ll find the simulation modes in the Color Blindness control in the bottom bar. Pick one to see your palettes transform in real time.
When you select a simulation mode, the Color Picker updates in real time to reflect the chosen mode, such as Tritanopia. This helps you preview and validate your color choices for accessibility.
Combine simulation with contrast checking for a full accessibility audit!
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"Sip","colors":{"primary":"#016ADF","light":"#016ADF","dark":"#016ADF"},"logo":{"light":"https://mintcdn.com/sip/4WNrOh3A0DqJ0fZD/_images/logos/sip-light.svg?fit=max\u0026auto=format\u0026n=4WNrOh3A0DqJ0fZD\u0026q=85\u0026s=60f3922d38e5848c025fe4d6b0f8b14e","dark":"https://mintcdn.com/sip/4WNrOh3A0DqJ0fZD/_images/logos/sip-dark.svg?fit=max\u0026auto=format\u0026n=4WNrOh3A0DqJ0fZD\u0026q=85\u0026s=8c2fab119457ecfa478197c077aeb125"},"favicon":"https://mintcdn.com/sip/4WNrOh3A0DqJ0fZD/_images/favicon/favicon.svg?fit=max\u0026auto=format\u0026n=4WNrOh3A0DqJ0fZD\u0026q=85\u0026s=6e76507f3e3b225643ad3f1bd87b455f","navbar":{"links":[{"href":"mailto:sip@sipapp.io","label":"Contact Us"}],"primary":{"type":"button","label":"Pricing","href":"https://sipapp.io/pricing"}},"footer":{"socials":{"x":"https://x.com/sip_app"}},"styling":{"latex":false},"navigation":{"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"sip","hasAudioNarration":false,"actualSubdomain":"sip","customDomains":["docs.sipapp.io"],"gitSource":{"type":"github","owner":"olabrothers","repo":"mintlify","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a3713c893836e0147f0cc52","collectionId":"3547e8fd-ae2a-44ea-9204-b2141dd9954a","schemaVersion":"v3"},"entitlements":{},"buildId":"6a3713c893836e0147f0cc52:success","clientVersion":"0.0.3964","searchFilterCounts":[{"language":"default","tag":"Documentation","count":15}]},"assistantConfig":{},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-page-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fork-pr-previews","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"billing-updated-9-15","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"dashboard-inbox","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"color-blindness","slug":"/color-blindness","pageMetadata":{"title":"Color Blindness","twitter:image":"/_images/artboard/artboard.png","description":null,"href":"/color-blindness"},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={li:`li`,p:`p`,strong:`strong`,ul:`ul`,..._provideComponents(),...props.components},{Heading,OptimizedImage,Tip}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);if(!Tip)_missingMdxReference(`Tip`,true);return _jsxs(_Fragment,{children:[_jsx(_components.p,{children:`Sip includes support for simulating how colors appear to people with different types of color vision deficiencies. With a single toggle, you can preview your palettes through the lens of:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Normal`}),` – Standard color perception`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Protanopia`}),` – Red-weak vision`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Deuteranopia`}),` – Green-weak vision`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Tritanopia`}),` – Blue-yellow color blindness`]}),`\n`,_jsxs(_components.li,{children:[_jsx(_components.strong,{children:`Achromatopsia`}),` – Total color blindness (no color perception)`]}),`\n`]}),`\n`,_jsx(Heading,{level:`2`,id:`why-this-matters`,children:`Why This Matters`}),`\n`,_jsx(_components.p,{children:`Color blindness affects over 300 million people worldwide. With this feature, you can:`}),`\n`,_jsxs(_components.ul,{children:[`\n`,_jsx(_components.li,{children:`Instantly simulate different types of color vision`}),`\n`,_jsx(_components.li,{children:`Validate accessibility in your designs`}),`\n`,_jsx(_components.li,{children:`Ensure your palettes are inclusive and legible for everyone`}),`\n`]}),`\n`,_jsx(_components.p,{children:`Whether you’re a designer, developer, or accessibility advocate, this tool helps you build more inclusive visuals in Sip.`}),`\n`,_jsxs(_components.p,{children:[`You’ll find the simulation modes in the `,_jsx(_components.strong,{children:`Color Blindness`}),` control in the bottom bar. Pick one to see your palettes transform in real time.`]}),`\n`,_jsx(Heading,{level:`2`,id:`change-color-blindness-mode-from-the-menu`,children:`Change Color Blindness Mode from the Menu`}),`\n`,_jsxs(_components.p,{children:[`Use the `,_jsx(_components.strong,{children:`Color Blindness`}),` control in the bottom bar to switch between Normal, Protanopia, Deuteranopia, Tritanopia, and Achromatopsia.`]}),`\n`,_jsx(OptimizedImage,{className:`mint-block mint-h-auto mint-w-full mint-rounded-2xl dark:mint-hidden`,src:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=66250b2622f9012930d42e2645c9aaaa`,alt:`color-blindness-menu`,\"data-og-width\":`1400`,width:`1400`,\"data-og-height\":`2000`,height:`2000`,\"data-path\":`_images/pages/color-blindness/color-blindness-menu-light@2x.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?w=280\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=75a751a2216c43c2d280629a63aaeea9 280w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?w=560\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=d1d8ca7aead1739af94bfbb37317a512 560w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?w=840\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=ed8f3d42c6507b96bfa57c15edc380b9 840w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?w=1100\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=8d0b44b8ac7ced5e3c20904f652cbfa0 1100w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?w=1650\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=88bc7827af9e7c5d3671414eac892d01 1650w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-light@2x.png?w=2500\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=c8f94735db84bb7bab445902c6e6f040 2500w`}),`\n`,_jsx(OptimizedImage,{className:`mint-hidden mint-h-auto mint-w-full mint-rounded-2xl dark:mint-block`,src:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=cb479dd85eb52ee99c0aad691d511e5b`,alt:`color-blindness-menu`,\"data-og-width\":`1400`,width:`1400`,\"data-og-height\":`2000`,height:`2000`,\"data-path\":`_images/pages/color-blindness/color-blindness-menu-dark@2x.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?w=280\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=1c3162122f74f4cbdc85a5568ac21dae 280w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?w=560\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=72e7ff02796de12bfa1528b240d88616 560w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?w=840\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=421d4c959cc46e011503a88c85b801b7 840w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?w=1100\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=1a5a9277715eb63dc527bc1c19d10c05 1100w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?w=1650\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=837c122a67e0e4c2540b591a27304507 1650w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-menu-dark@2x.png?w=2500\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=12d179b359a24706a200b118335f7225 2500w`}),`\n`,_jsx(Heading,{level:`2`,id:`change-color-blindness-mode-from-the-main-window`,children:`Change Color Blindness Mode from the Main Window`}),`\n`,_jsxs(_components.p,{children:[`In the Main Window, use the `,_jsx(_components.strong,{children:`Color Blindness`}),` control in the bottom bar to preview how your colors appear to users with different types of vision.`]}),`\n`,_jsx(OptimizedImage,{className:`mint-block mint-h-auto mint-w-full mint-rounded-2xl dark:mint-hidden`,src:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=99a7bffd34405e8201b8a63d730b8615`,alt:`color-blindness-main`,\"data-og-width\":`3000`,width:`3000`,\"data-og-height\":`2000`,height:`2000`,\"data-path\":`_images/pages/color-blindness/color-blindness-main-light@2x.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?w=280\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=b11b98967825a2ba7bf4ccd93b7de753 280w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?w=560\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=767735a9896ece8a29ffc2355f6294bc 560w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?w=840\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=9adc2703dbda6282cf5849860f29613a 840w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?w=1100\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=7a3ad02d5741fec8c9441c8cf4c0008f 1100w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?w=1650\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=6108d52b5dc9948db2d8e65d05e176b9 1650w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-light@2x.png?w=2500\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=26eef2960b7646a537aa328b594045e5 2500w`}),`\n`,_jsx(OptimizedImage,{className:`mint-hidden mint-h-auto mint-w-full mint-rounded-2xl dark:mint-block`,src:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=5a6a60febcab9abefb5c87f6e8390913`,alt:`color-blindness-main`,\"data-og-width\":`3000`,width:`3000`,\"data-og-height\":`2000`,height:`2000`,\"data-path\":`_images/pages/color-blindness/color-blindness-main-dark@2x.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?w=280\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=14fab81cd6f2f1eaa7f0a05e3b6bd704 280w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?w=560\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=9026cb9c2625e79668531a557d0d0095 560w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?w=840\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=f7b34fbf75c4b77d862cf5b7f1411a0b 840w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?w=1100\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=faee977d0fba1d76c6515f4cfd029219 1100w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?w=1650\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=20832dffb76cc69dd59ecafb1ab7f0bb 1650w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-main-dark@2x.png?w=2500\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=b38b9416a373cfa54e865d1d634a4194 2500w`}),`\n`,_jsx(Heading,{level:`2`,id:`see-color-blindness-preview-in-the-picker`,children:`See Color Blindness Preview in the Picker`}),`\n`,_jsx(_components.p,{children:`When you select a simulation mode, the Color Picker updates in real time to reflect the chosen mode, such as Tritanopia. This helps you preview and validate your color choices for accessibility.`}),`\n`,_jsx(OptimizedImage,{className:`mint-block mint-h-auto mint-w-full mint-rounded-2xl dark:mint-hidden`,src:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=2a94d77553eb920242156623d6dc064d`,alt:`color-blindness-picker`,\"data-og-width\":`1200`,width:`1200`,\"data-og-height\":`520`,height:`520`,\"data-path\":`_images/pages/color-blindness/color-blindness-picker-light@2x.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?w=280\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=aed25fd8a9247844ff4297a672bd5a15 280w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?w=560\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=66920f85d31f44ab6d8b5080a74e2c5d 560w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?w=840\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=ed34887442e3cbc08f46fb4e526d8961 840w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?w=1100\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=15446eb5cad7a6c0375596a12355d69c 1100w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?w=1650\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=533750216153c998950f34d26a4fd200 1650w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-light@2x.png?w=2500\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=bec2f39cae20fb40951df49cc9e0927a 2500w`}),`\n`,_jsx(OptimizedImage,{className:`mint-hidden mint-h-auto mint-w-full mint-rounded-2xl dark:mint-block`,src:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=5184fed8a37ba5a8061fcb329cb16cfd`,alt:`color-blindness-picker`,\"data-og-width\":`1200`,width:`1200`,\"data-og-height\":`520`,height:`520`,\"data-path\":`_images/pages/color-blindness/color-blindness-picker-dark@2x.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?w=280\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=54553241160bdf83c37de85fc771b899 280w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?w=560\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=a9defcfbdd03cd902f9a0af02e68bb4a 560w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?w=840\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=9f48fc8dfdc9d9f9acf0bd4548925a72 840w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?w=1100\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=ad54d74f2bf9acbcd8c3b3b372dad327 1100w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?w=1650\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=ac3e9d5fcb7cb1a7776dfe948ddf5690 1650w, https://mintcdn.com/sip/icyWN0-XMtmJqBhu/_images/pages/color-blindness/color-blindness-picker-dark@2x.png?w=2500\u0026fit=max\u0026auto=format\u0026n=icyWN0-XMtmJqBhu\u0026q=85\u0026s=9741471198978531193f22a479b11208 2500w`}),`\n`,_jsx(Tip,{children:`Combine simulation with contrast checking for a full accessibility audit!`})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Color Blindness","twitter:image":"/_images/artboard/artboard.png","description":null,"href":"/color-blindness"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Why This Matters","slug":"why-this-matters","depth":2,"children":[]},{"title":"Change Color Blindness Mode from the Menu","slug":"change-color-blindness-mode-from-the-menu","depth":2,"children":[]},{"title":"Change Color Blindness Mode from the Main Window","slug":"change-color-blindness-mode-from-the-main-window","depth":2,"children":[]},{"title":"See Color Blindness Preview in the Picker","slug":"see-color-blindness-preview-in-the-picker","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"dynamicCss":".mint-block {\n display: block\n}\n.mint-hidden {\n display: none\n}\n.mint-h-auto {\n height: auto\n}\n.mint-w-full {\n width: 100%\n}\n.mint-rounded-2xl {\n border-radius: 1rem\n}\n.dark\\:mint-block:is(.dark *) {\n display: block\n}\n.dark\\:mint-hidden:is(.dark *) {\n display: none\n}","subdomain":"sip","siteName":"Sip","title":"Color Blindness - Sip","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-06-20T22:27:34.683Z","originalFileLocation":"color-blindness.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"application-name\" content=\"Sip\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Color Blindness - Sip\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Sip\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.sipapp.io/color-blindness\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://sip.mintlify.app/_mintlify/api/og/v2?division=Documentation\u0026amp;title=Color+Blindness\u0026amp;theme=7cd1a9a2c3565961fc3adb37\u0026amp;signature=ede9946a7f34d36046403d6009d597105d9a33f9924f995b03006ebd4722756a\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Color Blindness - Sip\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://sip.mintlify.app/_mintlify/api/og/v2?division=Documentation\u0026amp;title=Color+Blindness\u0026amp;theme=7cd1a9a2c3565961fc3adb37\u0026amp;signature=ede9946a7f34d36046403d6009d597105d9a33f9924f995b03006ebd4722756a\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/sip/PgMekivWWbnamrQe/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Sip\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#016ADF\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.sipapp.io/color-blindness\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/color-blindness.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.sipapp.io/#organization\",\"name\":\"Sip\",\"url\":\"https://docs.sipapp.io\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/sip/4WNrOh3A0DqJ0fZD/_images/logos/sip-light.svg?fit=max\u0026auto=format\u0026n=4WNrOh3A0DqJ0fZD\u0026q=85\u0026s=60f3922d38e5848c025fe4d6b0f8b14e\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.sipapp.io#website\",\"name\":\"Sip\",\"url\":\"https://docs.sipapp.io\",\"publisher\":{\"@id\":\"https://docs.sipapp.io/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.sipapp.io/color-blindness#webpage\",\"url\":\"https://docs.sipapp.io/color-blindness\",\"name\":\"Color Blindness\",\"dateModified\":\"2026-06-20T22:27:34.683Z\",\"isPartOf\":{\"@id\":\"https://docs.sipapp.io#website\"},\"breadcrumb\":{\"@id\":\"https://docs.sipapp.io/color-blindness#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.sipapp.io/color-blindness#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Documentation\",\"item\":\"https://docs.sipapp.io/getting-started\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Color Blindness\",\"item\":\"https://docs.sipapp.io/color-blindness\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.sipapp.io/color-blindness#article\",\"headline\":\"Color Blindness\",\"name\":\"Color Blindness\",\"url\":\"https://docs.sipapp.io/color-blindness\",\"mainEntityOfPage\":{\"@id\":\"https://docs.sipapp.io/color-blindness#webpage\"},\"dateModified\":\"2026-06-20T22:27:34.683Z\",\"publisher\":{\"@id\":\"https://docs.sipapp.io/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.sipapp.io#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Sip\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Sip","nav":{"global":null,"groups":[{"group":"Documentation","pages":[{"title":"Getting Started","href":"/getting-started"},{"title":"What's New in Sip 5.0","href":"/whats-new"},{"title":"Using Sip","href":"/using-sip"},{"title":"Picker","href":"/picker"},{"title":"Color Panel","href":"/editor"},{"title":"Palettes","href":"/palettes"},{"title":"Color Dock","href":"/color-dock"},{"title":"Color Formats","href":"/color-formats"},{"title":"Smart Formats","href":"/smart-formats"},{"title":"Smart Profiles","description":null,"href":"/smart-profiles"},{"title":"Color Blindness","href":"/color-blindness"},{"title":"Contrast Checker","description":null,"href":"/contrast-checker"},{"title":"Shortcuts","href":"/shortcuts"},{"title":"Snapshots","href":"/snapshots"},{"title":"URL Schemes","href":"/url-schemes"}]}]},"title":"Color Blindness - Sip","buildId":"dpl_HcHmUS6i3UwswnTHJUEdcTtwfdTQ","deploymentId":"dpl_HcHmUS6i3UwswnTHJUEdcTtwfdTQ","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-CFBqa0On.js","lightbox-handle-r17bVUz3.js"]}