Cactus Color Palette

Actions

Explore the palette in different formats, and actions.

Green

traditions

nature

HEX	RGB	HWB	OKLAB	OKLCH	P3
#114b3d	rgb(6.67% 29.4% 23.9%)	hwb(170 6.7% 71%)	oklab(37.2% -0.063 0.008)	oklch(37.2% 0.063 173)	color(display-p3 0.139 0.29 0.242)
#3f714d	rgb(24.7% 44.3% 30.2%)	hwb(140 25% 56%)	oklab(50.3% -0.07 0.038)	oklch(50.3% 0.079 152)	color(display-p3 0.294 0.438 0.314)
#87b573	rgb(52.9% 71% 45.1%)	hwb(100 45% 29%)	oklab(72.4% -0.076 0.072)	oklch(72.4% 0.104 137)	color(display-p3 0.567 0.705 0.477)

Click one color card to view the complete contrast checker tests.

#114B3D

AAA - 10.01

#3F714D

AA - 5.7

#87B573

Fail - 2.36

Click on a color block to open the full contrast checker. Levels are based on WCAG 2.1 guidelines.

AAA

Perfect ≥ 7:1

Easy to read for everyone, including people with visual impairments.

AA

Good ≥ 4.5:1

Meets standard requirements for most users and situations.

Fail

Poor < 4.5:1

Text may be difficult to read, especially for people with visual challenges.

The simulation of color blindness may not be 100% accurate sometimes.

Colors preview as gradient with Protanopia

Colors preview as palette with Protanopia

Preview the palette in different UI components.