#167049#167049

#167049 is a mid, moderate teal. Relative luminance 0.122; OKLCH L 48.4% C 0.103 H 159.1°. Best body text is #FFFFFF at 6.09:1 contrast (WCAG AA passes).

Color values

HEX#167049
RGBrgb(22, 112, 73)
HSLhsl(154, 67%, 26%)
HSVhsv(154, 80%, 44%)
CMYKcmyk(80.4%, 0%, 34.8%, 56.1%)
CIE-LABlab(41.59, -35.45, 14.57)
CIE-LCHlch(41.59, 38.33, 157.66°)
OKLaboklab(48.43% -0.0962 0.0368)
OKLCHoklch(48.43% 0.103 159.1)
XYZxyz(7.3269, 12.2391, 8.2783)
Luminance0.1224 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#167049 #70163D
analogous
#16701C #167049 #166A70
triadic
#167049 #491670 #704916
tetradic
#167049 #1C1670 #70163D #6A7016
square
#167049 #1C1670 #70163D #6A7016
split-complementary
#167049 #70166A #701C16
monochromatic
#051A11 #0C3D28 #167049 #20A36A #2BD58C

Accessibility & contrast

On white

6.09
#167049 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.45
#167049 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #167049
6.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##167049#FFFFFF#000000##FFFFFF
##1670491.006.093.456.09
#FFFFFF6.091.0021.001.00
#0000003.4521.001.0021.00
##FFFFFF6.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#6F6747
Deuteranopia (green-blind)
#645F4C
Tritanopia (blue-blind)
#006F66
Achromatopsia (no color)
#626262

Design tokens & code

CSS
--color: #167049;
/* rgb */ color: rgb(22, 112, 73);
/* oklch */ color: oklch(48.4% 0.103 159.1);
Tailwind
colors: {
  custom: {
    50: '#639a7c',
    500: '#167049',
    950: '#000000',
  },
}
SCSS
$custom: #167049;
$custom-light: #639a7c;
$custom-dark: #000000;
JSON
{
  "hex": "#167049",
  "rgb": {
    "r": 22,
    "g": 112,
    "b": 73
  },
  "hsl": {
    "h": 154,
    "s": 67.164,
    "l": 26.275
  },
  "oklch": {
    "l": 0.48427,
    "c": 0.10297,
    "h": 159.1
  },
  "luminance": 0.1224
}

Semantic roles & 50–950 ramp

primary
#167049
secondary
#A63C6A
accent
#3E88EA
background
#F6F9F7
surface
#EBF2EE
border
#C6CCC9
text
#060E09
muted
#7A7E7B

Preview Lab

Preview with #167049

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

Preview Lab → · Contrast checker → · Palette generator →

#167049 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva