#49696B#49696B

#49696B is a mid, muted teal. Relative luminance 0.126; OKLCH L 49.7% C 0.037 H 200.9°. Best body text is #FFFFFF at 5.97:1 contrast (WCAG AA passes).

Color values

HEX	#49696B
RGB	rgb(73, 105, 107)
HSL	hsl(184, 19%, 35%)
HSV	hsv(184, 32%, 42%)
CMYK	cmyk(31.8%, 1.9%, 0%, 58%)
CIE-LAB	lab(42.12, -10.99, -4.85)
CIE-LCH	lch(42.12, 12.01, 203.82°)
OKLab	oklab(49.69% -0.0347 -0.0133)
OKLCH	oklch(49.69% 0.037 200.9)
XYZ	xyz(10.4522, 12.5806, 15.7846)
Luminance	0.1258 (WCAG relative)
Temperature	cool
Family	teal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#49696B #6B4B49

analogous

#496B5C #49696B #49586B

triadic

#49696B #6B4969 #696B49

tetradic

#49696B #5C496B #6B4B49 #586B49

square

#49696B #5C496B #6B4B49 #586B49

split-complementary

#49696B #6B4958 #6B5C49

monochromatic

#172222 #304547 #49696B #628D8F #84A9AB

Accessibility & contrast

On white

5.97

#49696B on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

3.52

#49696B on #000000

AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #49696B

5.97:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##49696B	#FFFFFF	#000000	##FFFFFF
##49696B	1.00	5.97	3.52	5.97
#FFFFFF	5.97	1.00	21.00	1.00
#000000	3.52	21.00	1.00	21.00
##FFFFFF	5.97	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#64666B

Deuteranopia (green-blind)

#5E616B

Tritanopia (blue-blind)

#3D6B69

Achromatopsia (no color)

#636363

Design tokens & code

CSS

--color: #49696b;
/* rgb */ color: rgb(73, 105, 107);
/* oklch */ color: oklch(49.7% 0.037 200.9);

Tailwind

colors: {
  custom: {
    50: '#7d9495',
    500: '#49696b',
    950: '#000000',
  },
}

SCSS

$custom: #49696b;
$custom-light: #7d9495;
$custom-dark: #000000;

JSON

{
  "hex": "#49696b",
  "rgb": {
    "r": 73,
    "g": 105,
    "b": 107
  },
  "hsl": {
    "h": 183.529,
    "s": 18.889,
    "l": 35.294
  },
  "oklch": {
    "l": 0.49691,
    "c": 0.03715,
    "h": 200.9
  },
  "luminance": 0.12581
}

Semantic roles & 50–950 ramp

primary

#49696B

secondary

#987A78

accent

#716CBC

background

#F7F9F9

surface

#EEF1F1

border

#C9CBCB

text

#0A0D0D

muted

#7C7E7E

Preview Lab

Preview with #49696B

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

Preview Lab → · Contrast checker → · Palette generator →