#709288#709288

#709288 is a light, muted teal. Relative luminance 0.258; OKLCH L 63.1% C 0.041 H 175.0°. Best body text is #000000 at 6.16:1 contrast (WCAG AA passes).

Color values

HEX	#709288
RGB	rgb(112, 146, 136)
HSL	hsl(162, 13%, 51%)
HSV	hsv(162, 23%, 57%)
CMYK	cmyk(23.3%, 0%, 6.8%, 42.7%)
CIE-LAB	lab(57.83, -14.02, 1.43)
CIE-LCH	lch(57.83, 14.10, 174.19°)
OKLab	oklab(63.13% -0.0407 0.0036)
OKLCH	oklch(63.13% 0.041 175)
XYZ	xyz(21.4036, 25.7793, 27.1359)
Luminance	0.2578 (WCAG relative)
Temperature	neutral
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#709288 #92707A

analogous

#709277 #709288 #708B92

triadic

#709288 #887092 #928870

tetradic

#709288 #777092 #92707A #8B9270

square

#709288 #777092 #92707A #8B9270

split-complementary

#709288 #92708B #927770

monochromatic

#3B4D48 #557068 #709288 #93ACA5 #B5C7C2

Accessibility & contrast

On white

3.41

#709288 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.16

#709288 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #709288

6.16:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##709288	#FFFFFF	#000000	##000000
##709288	1.00	3.41	6.16	6.16
#FFFFFF	3.41	1.00	21.00	21.00
#000000	6.16	21.00	1.00	1.00
##000000	6.16	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#908E88

Deuteranopia (green-blind)

#898989

Tritanopia (blue-blind)

#68938F

Achromatopsia (no color)

#8B8B8B

Design tokens & code

CSS

--color: #709288;
/* rgb */ color: rgb(112, 146, 136);
/* oklch */ color: oklch(63.1% 0.041 175.0);

Tailwind

colors: {
  custom: {
    50: '#99b2aa',
    500: '#709288',
    950: '#000000',
  },
}

SCSS

$custom: #709288;
$custom-light: #99b2aa;
$custom-dark: #000000;

JSON

{
  "hex": "#709288",
  "rgb": {
    "r": 112,
    "g": 146,
    "b": 136
  },
  "hsl": {
    "h": 162.353,
    "s": 13.492,
    "l": 50.588
  },
  "oklch": {
    "l": 0.63125,
    "c": 0.04086,
    "h": 175
  },
  "luminance": 0.2578
}

Semantic roles & 50–950 ramp

primary

#709288

secondary

#B6A7AC

accent

#7186B6

background

#F9FAFA

surface

#F2F5F4

border

#CCCFCE

text

#0E1010

muted

#7E7F7F

Preview Lab

Preview with #709288

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →