Color workspaceFree · No account needed

Pick a color. Build a system. Take it into your work.

Color picker

Pick a precise color, change its channels and copy production-ready values.

Find your color

Hue / 175°

SaturationValueOpacity

Arrow keys on the color field adjust saturation and value. Shift makes larger steps.

CSS color

#12776F

ChannelsSystem picker

RedGreenBlue

HEX#12776F

RGBrgb(18, 119, 111)

HSLhsl(175.25, 73.72%, 26.86%)

HSVhsv(175.25 84.87% 46.67%)

OKLCHoklch(51.444% 0.08582 186.402)

Lablab(44.693% -29.524 -3.794)

Display P3color(display-p3 0.21427 0.459622 0.43431)

CMYK estimatecmyk(84.87% 0% 6.72% 53.33%)

CMYK is an estimate without a print profile. HEX without alpha is an opaque color.

Color relationships

Harmony

#12776F

#77121A

Perceptual tonal scale

#EEFCFA

#D9F5F1

#9AF1E7

#7FD7CD

#5CB3AA

#379188

#08736B

#005952

#00413C

#002B26

#001815

50 → 950. OKLCH lightness progression, chroma reduced where needed to fit sRGB.

Nearby CSS names

Tints

#12776F

#3A8E87

#61A49F

#89BBB7

#B0D2CF

#D8E8E7

#FFFFFF

Shades

#12776F

#0F635D

#0C4F4A

#093C38

#062825

#031412

#000000

Tones

#12776F

#247972

#377A75

#497C78

#5B7D7A

#6E7F7D

#808080

How this tool works & what to check

Paste a CSS color, drag the saturation/value field or adjust channels. Wide-gamut input is mapped to sRGB for consistent exports. CMYK values are mathematical estimates, not ICC-managed print separations.

Color guides & practical workflows →Check a foreground/background pair →

Shared between tools

Your workspace palette 5/12

#12776F

#D9E6D5

#F4F6F3

#192622

#C5844B

Save or import a palette →Create theme tokens →Explore website templates →Work with a designer →