Color picker

Persian Green

Adjust the color from the native picker, hex input, or RGB sliders, then move directly into harmonies, accessibility checks, and implementation-ready values.

#2A9D8FcoolHue 173°

Open full color page Open harmony route

Persian Green

#2A9D8F

Controls

Edit the base color

HEX

R channel: 42G channel: 157B channel: 143

Values

Production-ready formats

HEX

#2A9D8F

RGB

42, 157, 143

HSL

173, 58%, 39%

CSS

hsl(173 58% 39%)

Shades

Move through a tonal scale

#09201D #103C37 #1B655C #258D81 #30B5A6 #4ACFBF #72DACD #92E2D9 #B6ECE6 #DBF5F2

Color harmonies

Build palette relationships from the current color

Open any harmony as a palette route and continue the workflow inside the generator or detail pages.

Complementary

Open palette

#2A9D8F #9D2A37

Triadic

Open palette

#2A9D90 #902A9D #9D902A

Analogous

Open palette

#2A9D56 #2A9D73 #2A9D90 #2A8E9D #2A719D

Split complementary

Open palette

#2A9D90 #9D2A71 #9D562A

Accessibility

Check contrast before implementation

On white

3.32:1

Fails AA

On black

6.32:1

AA pass

About this color

How it behaves in a product system

Persian Green reads as a cool color, which usually means it works best when anchored by neutral surfaces and restrained supporting accents.

At 173° hue with 58% saturation and 39% lightness, it can be used as a brand accent, a state color, or the starting point for a broader palette system.

Usage preview

See the color in a compact interface block

Product card

Persian Green works well as an action color.

Use it for emphasis, confirmations, and brand-led touchpoints while keeping supporting surfaces quieter.