OKLCH Studio
Contrastcorrecties voor veelgebruikte kleurparen
WCAG 2.2- en APCA-contrast voor Tailwind- en CSS-kleuren op wit, zwart en neutrale achtergronden, elk met een toegankelijke correctie.
Op white (#FFFFFF)
- amber-400
- amber-500
- amber-600
- amber-700
- amber-800
- amber-900
- amber-950
- blue-300
- blue-400
- blue-500
- blue-600
- blue-700
- blue-800
- blue-900
- blue-950
- cyan-400
- cyan-500
- cyan-600
- cyan-700
- cyan-800
- cyan-900
- cyan-950
- emerald-300
- emerald-400
- emerald-500
- emerald-600
- emerald-700
- emerald-800
- emerald-900
- emerald-950
- fuchsia-300
- fuchsia-400
- fuchsia-500
- fuchsia-600
- fuchsia-700
- fuchsia-800
- fuchsia-900
- fuchsia-950
- gray-400
- gray-500
- gray-600
- gray-700
- gray-800
- gray-900
- gray-950
- green-400
- green-500
- green-600
- green-700
- green-800
- green-900
- green-950
- indigo-300
- indigo-400
- indigo-500
- indigo-600
- indigo-700
- indigo-800
- indigo-900
- indigo-950
- lime-400
- lime-500
- lime-600
- lime-700
- lime-800
- lime-900
- lime-950
- mauve-300
- mauve-400
- mauve-500
- mauve-600
- mauve-700
- mauve-800
- mauve-900
- mauve-950
- mist-400
- mist-500
- mist-600
- mist-700
- mist-800
- mist-900
- mist-950
- neutral-400
- neutral-500
- neutral-600
- neutral-700
- neutral-800
- neutral-900
- neutral-950
- olive-400
- olive-500
- olive-600
- olive-700
- olive-800
- olive-900
- olive-950
- orange-300
- orange-400
- orange-500
- orange-600
- orange-700
- orange-800
- orange-900
- orange-950
- pink-300
- pink-400
- pink-500
- pink-600
- pink-700
- pink-800
- pink-900
- pink-950
- purple-300
- purple-400
- purple-500
- purple-600
- purple-700
- purple-800
- purple-900
- purple-950
- red-300
- red-400
- red-500
- red-600
- red-700
- red-800
- red-900
- red-950
- rose-300
- rose-400
- rose-500
- rose-600
- rose-700
- rose-800
- rose-900
- rose-950
- sky-300
- sky-400
- sky-500
- sky-600
- sky-700
- sky-800
- sky-900
- sky-950
- slate-400
- slate-500
- slate-600
- slate-700
- slate-800
- slate-900
- slate-950
- stone-400
- stone-500
- stone-600
- stone-700
- stone-800
- stone-900
- stone-950
- taupe-400
- taupe-500
- taupe-600
- taupe-700
- taupe-800
- taupe-900
- teal-400
- teal-500
- teal-600
- teal-700
- teal-800
- teal-900
- teal-950
- violet-300
- violet-400
- violet-500
- violet-600
- violet-700
- violet-800
- violet-900
- violet-950
- yellow-400
- yellow-500
- yellow-600
- yellow-700
- yellow-800
- yellow-900
- yellow-950
- zinc-400
- zinc-500
- zinc-600
- zinc-700
- zinc-800
- zinc-900
- zinc-950
- black
- blue
- blueviolet
- brown
- burlywood
- cadetblue
- chocolate
- coral
- cornflowerblue
- crimson
- darkblue
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkturquoise
- darkviolet
- deeppink
- deepskyblue
- dimgray
- dodgerblue
- firebrick
- forestgreen
- fuchsia
- goldenrod
- gray
- green
- hotpink
- indianred
- indigo
- lightblue
- lightcoral
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightsteelblue
- limegreen
- maroon
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumturquoise
- mediumvioletred
- midnightblue
- navy
- olive
- olivedrab
- orange
- orangered
- orchid
- palevioletred
- peru
- pink
- plum
- purple
- rebeccapurple
- red
- rosybrown
- royalblue
- saddlebrown
- salmon
- sandybrown
- seagreen
- sienna
- silver
- skyblue
- slateblue
- slategray
- steelblue
- tan
- teal
- thistle
- tomato
- turquoise
- violet
- yellowgreen
Op black (#000000)
- amber-50
- amber-100
- amber-200
- amber-300
- amber-400
- amber-500
- amber-600
- amber-700
- amber-800
- amber-900
- blue-50
- blue-100
- blue-200
- blue-300
- blue-400
- blue-500
- blue-600
- blue-700
- blue-800
- blue-900
- cyan-50
- cyan-100
- cyan-200
- cyan-300
- cyan-400
- cyan-500
- cyan-600
- cyan-700
- cyan-800
- cyan-900
- cyan-950
- emerald-50
- emerald-100
- emerald-200
- emerald-300
- emerald-400
- emerald-500
- emerald-600
- emerald-700
- emerald-800
- emerald-900
- fuchsia-50
- fuchsia-100
- fuchsia-200
- fuchsia-300
- fuchsia-400
- fuchsia-500
- fuchsia-600
- fuchsia-700
- fuchsia-800
- fuchsia-900
- gray-50
- gray-100
- gray-200
- gray-300
- gray-400
- gray-500
- gray-600
- gray-700
- green-50
- green-100
- green-200
- green-300
- green-400
- green-500
- green-600
- green-700
- green-800
- green-900
- indigo-50
- indigo-100
- indigo-200
- indigo-300
- indigo-400
- indigo-500
- indigo-600
- indigo-700
- indigo-800
- indigo-900
- lime-50
- lime-100
- lime-200
- lime-300
- lime-400
- lime-500
- lime-600
- lime-700
- lime-800
- lime-900
- mauve-50
- mauve-100
- mauve-200
- mauve-300
- mauve-400
- mauve-500
- mauve-600
- mauve-700
- mist-50
- mist-100
- mist-200
- mist-300
- mist-400
- mist-500
- mist-600
- mist-700
- neutral-100
- neutral-200
- neutral-300
- neutral-400
- neutral-500
- neutral-600
- neutral-700
- olive-50
- olive-100
- olive-200
- olive-300
- olive-400
- olive-500
- olive-600
- olive-700
- orange-50
- orange-100
- orange-200
- orange-300
- orange-400
- orange-500
- orange-600
- orange-700
- orange-800
- orange-900
- pink-50
- pink-100
- pink-200
- pink-300
- pink-400
- pink-500
- pink-600
- pink-700
- pink-800
- pink-900
- purple-50
- purple-100
- purple-200
- purple-300
- purple-400
- purple-500
- purple-600
- purple-700
- purple-800
- purple-900
- red-50
- red-100
- red-200
- red-300
- red-400
- red-500
- red-600
- red-700
- red-800
- red-900
- rose-50
- rose-100
- rose-200
- rose-300
- rose-400
- rose-500
- rose-600
- rose-700
- rose-800
- rose-900
- sky-50
- sky-100
- sky-200
- sky-300
- sky-400
- sky-500
- sky-600
- sky-700
- sky-800
- sky-900
- sky-950
- slate-50
- slate-100
- slate-200
- slate-300
- slate-400
- slate-500
- slate-600
- slate-700
- stone-50
- stone-100
- stone-200
- stone-300
- stone-400
- stone-500
- stone-600
- stone-700
- taupe-50
- taupe-100
- taupe-200
- taupe-300
- taupe-400
- taupe-500
- taupe-600
- taupe-700
- teal-50
- teal-100
- teal-200
- teal-300
- teal-400
- teal-500
- teal-600
- teal-700
- teal-800
- teal-900
- violet-50
- violet-100
- violet-200
- violet-300
- violet-400
- violet-500
- violet-600
- violet-700
- violet-800
- violet-900
- yellow-50
- yellow-100
- yellow-200
- yellow-300
- yellow-400
- yellow-500
- yellow-600
- yellow-700
- yellow-800
- yellow-900
- zinc-100
- zinc-200
- zinc-300
- zinc-400
- zinc-500
- zinc-600
- zinc-700
- aliceblue
- antiquewhite
- aqua
- aquamarine
- azure
- beige
- bisque
- blanchedalmond
- blue
- blueviolet
- brown
- burlywood
- cadetblue
- chartreuse
- chocolate
- coral
- cornflowerblue
- cornsilk
- crimson
- darkcyan
- darkgoldenrod
- darkgray
- darkgreen
- darkkhaki
- darkmagenta
- darkolivegreen
- darkorange
- darkorchid
- darkred
- darksalmon
- darkseagreen
- darkslateblue
- darkslategray
- darkturquoise
- darkviolet
- deeppink
- deepskyblue
- dimgray
- dodgerblue
- firebrick
- floralwhite
- forestgreen
- fuchsia
- gainsboro
- ghostwhite
- gold
- goldenrod
- gray
- green
- greenyellow
- honeydew
- hotpink
- indianred
- indigo
- ivory
- khaki
- lavender
- lavenderblush
- lawngreen
- lemonchiffon
- lightblue
- lightcoral
- lightcyan
- lightgoldenrodyellow
- lightgray
- lightgreen
- lightpink
- lightsalmon
- lightseagreen
- lightskyblue
- lightslategray
- lightsteelblue
- lightyellow
- lime
- limegreen
- linen
- maroon
- mediumaquamarine
- mediumblue
- mediumorchid
- mediumpurple
- mediumseagreen
- mediumslateblue
- mediumspringgreen
- mediumturquoise
- mediumvioletred
- mintcream
- mistyrose
- moccasin
- navajowhite
- oldlace
- olive
- olivedrab
- orange
- orangered
- orchid
- palegoldenrod
- palegreen
- paleturquoise
- palevioletred
- papayawhip
- peachpuff
- peru
- pink
- plum
- powderblue
- purple
- rebeccapurple
- red
- rosybrown
- royalblue
- saddlebrown
- salmon
- sandybrown
- seagreen
- seashell
- sienna
- silver
- skyblue
- slateblue
- slategray
- snow
- springgreen
- steelblue
- tan
- teal
- thistle
- tomato
- turquoise
- violet
- wheat
- white
- yellow
- yellowgreen
Op gray-50 (#F9FAFB)
Op gray-100 (#F3F4F6)
Op gray-200 (#E5E7EB)
Op gray-800 (#1E2939)
Op gray-900 (#101828)
Op gray-950 (#030712)
Op #f5f5f5 (#F5F5F5)
Op #eeeeee (#EEEEEE)
Op #333333 (#333333)
Op #222222 (#222222)
Op #121212 (#121212)
Op Tailwind CSS-kleuren / Benoemde CSS-kleuren
- white op amber-400
- white op amber-500
- white op amber-600
- black op amber-600
- white op amber-700
- black op amber-700
- black op amber-800
- black op amber-900
- white op blue-300
- white op blue-400
- white op blue-500
- black op blue-500
- white op blue-600
- black op blue-600
- white op blue-700
- black op blue-700
- black op blue-800
- black op blue-900
- white op cyan-400
- white op cyan-500
- white op cyan-600
- black op cyan-600
- white op cyan-700
- black op cyan-700
- black op cyan-800
- black op cyan-900
- black op cyan-950
- white op emerald-300
- white op emerald-400
- white op emerald-500
- white op emerald-600
- black op emerald-600
- white op emerald-700
- black op emerald-700
- black op emerald-800
- black op emerald-900
- white op fuchsia-300
- white op fuchsia-400
- white op fuchsia-500
- black op fuchsia-500
- white op fuchsia-600
- black op fuchsia-600
- white op fuchsia-700
- black op fuchsia-700
- black op fuchsia-800
- black op fuchsia-900
- white op gray-400
- white op gray-500
- black op gray-500
- black op gray-600
- black op gray-700
- white op green-400
- white op green-500
- white op green-600
- black op green-600
- white op green-700
- black op green-700
- black op green-800
- black op green-900
- white op indigo-300
- white op indigo-400
- black op indigo-400
- white op indigo-500
- black op indigo-500
- white op indigo-600
- black op indigo-600
- black op indigo-700
- black op indigo-800
- black op indigo-900
- white op lime-400
- white op lime-500
- white op lime-600
- black op lime-600
- white op lime-700
- black op lime-700
- black op lime-800
- black op lime-900
- white op mauve-300
- white op mauve-400
- white op mauve-500
- black op mauve-500
- black op mauve-600
- black op mauve-700
- white op mist-400
- white op mist-500
- black op mist-500
- black op mist-600
- black op mist-700
- white op neutral-400
- white op neutral-500
- black op neutral-500
- black op neutral-600
- black op neutral-700
- white op olive-400
- white op olive-500
- black op olive-500
- white op olive-600
- black op olive-600
- black op olive-700
- white op orange-300
- white op orange-400
- white op orange-500
- white op orange-600
- black op orange-600
- white op orange-700
- black op orange-700
- black op orange-800
- black op orange-900
- white op pink-300
- white op pink-400
- white op pink-500
- black op pink-500
- white op pink-600
- black op pink-600
- white op pink-700
- black op pink-700
- black op pink-800
- black op pink-900
- white op purple-300
- white op purple-400
- white op purple-500
- black op purple-500
- white op purple-600
- black op purple-600
- black op purple-700
- black op purple-800
- black op purple-900
- white op red-300
- white op red-400
- white op red-500
- black op red-500
- white op red-600
- black op red-600
- white op red-700
- black op red-700
- black op red-800
- black op red-900
- white op rose-300
- white op rose-400
- white op rose-500
- black op rose-500
- white op rose-600
- black op rose-600
- white op rose-700
- black op rose-700
- black op rose-800
- black op rose-900
- white op sky-300
- white op sky-400
- white op sky-500
- white op sky-600
- black op sky-600
- white op sky-700
- black op sky-700
- black op sky-800
- black op sky-900
- black op sky-950
- white op slate-400
- white op slate-500
- black op slate-500
- black op slate-600
- black op slate-700
- white op stone-400
- white op stone-500
- black op stone-500
- black op stone-600
- black op stone-700
- white op taupe-400
- white op taupe-500
- black op taupe-500
- black op taupe-600
- black op taupe-700
- white op teal-400
- white op teal-500
- white op teal-600
- black op teal-600
- white op teal-700
- black op teal-700
- black op teal-800
- black op teal-900
- white op violet-300
- white op violet-400
- white op violet-500
- black op violet-500
- white op violet-600
- black op violet-600
- black op violet-700
- black op violet-800
- black op violet-900
- white op yellow-400
- white op yellow-500
- white op yellow-600
- white op yellow-700
- black op yellow-700
- white op yellow-800
- black op yellow-800
- black op yellow-900
- white op zinc-400
- white op zinc-500
- black op zinc-500
- black op zinc-600
- black op zinc-700
- black op blue
- white op blueviolet
- black op blueviolet
- black op brown
- white op burlywood
- white op cadetblue
- black op cadetblue
- white op chocolate
- black op chocolate
- white op coral
- white op cornflowerblue
- white op crimson
- black op crimson
- white op darkcyan
- black op darkcyan
- white op darkgoldenrod
- black op darkgoldenrod
- white op darkgray
- black op darkgreen
- white op darkkhaki
- black op darkmagenta
- white op darkolivegreen
- black op darkolivegreen
- white op darkorange
- white op darkorchid
- black op darkorchid
- black op darkred
- white op darksalmon
- white op darkseagreen
- black op darkslateblue
- black op darkslategray
- white op darkturquoise
- white op darkviolet
- black op darkviolet
- white op deeppink
- black op deeppink
- white op deepskyblue
- white op dimgray
- black op dimgray
- white op dodgerblue
- black op dodgerblue
- white op firebrick
- black op firebrick
- white op forestgreen
- black op forestgreen
- white op fuchsia
- black op fuchsia
- white op goldenrod
- white op gray
- black op gray
- white op green
- black op green
- white op hotpink
- white op indianred
- black op indianred
- black op indigo
- white op lightblue
- white op lightcoral
- white op lightpink
- white op lightsalmon
- white op lightseagreen
- white op lightskyblue
- white op lightslategray
- black op lightslategray
- white op lightsteelblue
- white op limegreen
- black op maroon
- white op mediumaquamarine
- black op mediumblue
- white op mediumorchid
- black op mediumorchid
- white op mediumpurple
- black op mediumpurple
- white op mediumseagreen
- white op mediumslateblue
- black op mediumslateblue
- white op mediumturquoise
- white op mediumvioletred
- black op mediumvioletred
- white op olive
- black op olive
- white op olivedrab
- black op olivedrab
- white op orange
- white op orangered
- black op orangered
- white op orchid
- white op palevioletred
- black op palevioletred
- white op peru
- white op pink
- white op plum
- black op purple
- black op rebeccapurple
- white op red
- black op red
- white op rosybrown
- white op royalblue
- black op royalblue
- black op saddlebrown
- white op salmon
- white op sandybrown
- white op seagreen
- black op seagreen
- white op sienna
- black op sienna
- white op silver
- white op skyblue
- white op slateblue
- black op slateblue
- white op slategray
- black op slategray
- white op steelblue
- black op steelblue
- white op tan
- white op teal
- black op teal
- white op thistle
- white op tomato
- white op turquoise
- white op violet
- white op yellowgreen