Color Blindness Types
NoneLow red (protanomaly)No red (protanopia)Low green (deuteranomaly)No green (deuteranopia)Low blue (tritanomaly)No blue (tritanopia)Low color (achromatomaly)No color (achromatopsia)
Color Code Display
#B66125#E0D8C8#1E274C#39BEC6#7F3A23#DC2F38#FF6B07#FFB21D#FEB851#D3FE24#C35100#4C1710#9186E5#2DB9B3#FF2F30#F1F3FC#CC4C5B#F0F0F2#32377D#D9A750#FFE01A#A0774F#726657#BCBCBB#43BF51#97ED88#9C7845#AA3428#FF0C19#FCF1C5#525122#D0C99F#481E37#CB4F76#3E2314#F89900#CCDF27#E66683#241D6D#20C6D8#413491#E51713#32CCC0#DC938B#7E0075#FF1374#6C3F56#CF6980#E6A574#2CA06D#EC6E23#C3DA25#CEA173#E8EA42#D7643B#45383F#DD565D#9AD531#BA0825#F65E36#4D1D3E#CA5054#C84F75#D97C66#245286#3AAED8#B45D55#EFEFEE#FCC62B#F23F06#432054#BC6182#1C005F#DD8EE6#681947#D780A8#FCBA00#FC9100#FF6901#E3D2BF#523951#DB9693#2E0A39#DBD4D3#E9CF57#54CBAC#5133A1#3280C2#F7F0CB#8EDEC8#D7A602#D3CBC7#073566#FF6143#DBC17E#C98F9B#8E77BA#EC8C8A#5A3279#DAAA31
Export Markup for Bootstrap
Export Markup for PostCSS
Export Markup for Tailwind
Generate Shades and Tints
Lighting and Pigment Algorithm
Based on lighting and pigment
Random Palette Generation
Scaling Mode Options
DefaultIntensityLABLuminanceLightnessValue