#83A19B#83A19B

#83A19B is a light, muted teal. Relative luminance 0.327; OKLCH L 68.4% C 0.034 H 181.7°. Best body text is #000000 at 7.54:1 contrast (WCAG AA passes).

Color values

HEX	#83A19B
RGB	rgb(131, 161, 155)
HSL	hsl(168, 14%, 57%)
HSV	hsv(168, 19%, 63%)
CMYK	cmyk(18.6%, 0%, 3.7%, 36.9%)
CIE-LAB	lab(63.90, -11.63, -0.32)
CIE-LCH	lch(63.90, 11.64, 181.60°)
OKLab	oklab(68.45% -0.0344 -0.001)
OKLCH	oklch(68.45% 0.034 181.7)
XYZ	xyz(28.0197, 32.6807, 35.8357)
Luminance	0.3268 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#83A19B #A18389

analogous

#83A18C #83A19B #8398A1

triadic

#83A19B #9B83A1 #A19B83

tetradic

#83A19B #8C83A1 #A18389 #98A183

square

#83A19B #8C83A1 #A18389 #98A183

split-complementary

#83A19B #A18398 #A18C83

monochromatic

#49605C #64837D #83A19B #A6BBB7 #C9D6D3

Accessibility & contrast

On white

2.79

#83A19B on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

7.54

#83A19B on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #83A19B

7.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##83A19B	#FFFFFF	#000000	##000000
##83A19B	1.00	2.79	7.54	7.54
#FFFFFF	2.79	1.00	21.00	21.00
#000000	7.54	21.00	1.00	1.00
##000000	7.54	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#9E9D9B

Deuteranopia (green-blind)

#98999C

Tritanopia (blue-blind)

#7BA29F

Achromatopsia (no color)

#9B9B9B

Design tokens & code

CSS

--color: #83a19b;
/* rgb */ color: rgb(131, 161, 155);
/* oklch */ color: oklch(68.4% 0.034 181.7);

Tailwind

colors: {
  custom: {
    50: '#a7bcb8',
    500: '#83a19b',
    950: '#000000',
  },
}

SCSS

$custom: #83a19b;
$custom-light: #a7bcb8;
$custom-dark: #000000;

JSON

{
  "hex": "#83a19b",
  "rgb": {
    "r": 131,
    "g": 161,
    "b": 155
  },
  "hsl": {
    "h": 168,
    "s": 13.761,
    "l": 57.255
  },
  "oklch": {
    "l": 0.68447,
    "c": 0.03444,
    "h": 181.7
  },
  "luminance": 0.32682
}

Semantic roles & 50–950 ramp

primary

#83A19B

secondary

#C6BABC

accent

#717FB7

background

#FAFBFB

surface

#F4F6F6

border

#CED0D0

text

#0F1211

muted

#7F8180

Preview Lab

Preview with #83A19B

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

Preview Lab → · Contrast checker → · Palette generator →