#260069
#6b2dd6
#caf286
#66a102
Spooky
#260069
#6b2dd6
#caf286
#66a102
Actions
Explore the palette in different formats, and actions.
Colors overview
Blue
Purple
Green
Color | HEX | RGB | HSL | OKLAB HDR | OKLCH HDR | P3 HDR | Actions |
---|---|---|---|---|---|---|---|
| #260069 | rgb(38, 0, 105) | hsl(260 100% 21%) | oklab(26% 0.04 -0.15) | oklch(26% 0.15 290) | color(display-p3 0.13 0.01 0.39) | |
| #6b2dd6 | rgb(107, 45, 214) | hsl(260 67% 51%) | oklab(49% 0.09 -0.22) | oklch(49% 0.23 290) | color(display-p3 0.39 0.19 0.81) | |
| #caf286 | rgb(202, 242, 134) | hsl(82 81% 74%) | oklab(91% -0.08 0.12) | oklch(91% 0.14 130) | color(display-p3 0.82 0.94 0.58) | |
| #66a102 | rgb(102, 161, 2) | hsl(82 98% 32%) | oklab(64% -0.11 0.13) | oklch(64% 0.17 130) | color(display-p3 0.45 0.63 0.19) |
Click on a color value to copy it to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#260069
AAA - 16.32
#6b2dd6
AAA - 7.06
#caf286
AA - 1.26
#66a102
AA - 3.15
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt