#167951#167951

#167951 is a mid, moderate teal. Relative luminance 0.144; OKLCH L 51.2% C 0.108 H 160.3°. Best body text is #FFFFFF at 5.40:1 contrast (WCAG AA passes).

Color values

HEX#167951
RGBrgb(22, 121, 81)
HSLhsl(156, 69%, 28%)
HSVhsv(156, 82%, 47%)
CMYKcmyk(81.8%, 0%, 33.1%, 52.5%)
CIE-LABlab(44.86, -37.38, 14.35)
CIE-LCHlch(44.86, 40.04, 159.00°)
OKLaboklab(51.17% -0.1016 0.0363)
OKLCHoklch(51.17% 0.108 160.3)
XYZxyz(8.6525, 14.4383, 10.1138)
Luminance0.1444 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#167951 #79163E
analogous
#167920 #167951 #166F79
triadic
#167951 #511679 #795116
tetradic
#167951 #201679 #79163E #6F7916
square
#167951 #201679 #79163E #6F7916
split-complementary
#167951 #79166F #792016
monochromatic
#051A11 #0D452E #167951 #1FAD74 #30D995

Accessibility & contrast

On white

5.40
#167951 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.89
#167951 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #167951
5.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##167951#FFFFFF#000000##FFFFFF
##1679511.005.403.895.40
#FFFFFF5.401.0021.001.00
#0000003.8921.001.0021.00
##FFFFFF5.401.0021.001.00

Color blindness preview

Protanopia (red-blind)
#776F4F
Deuteranopia (green-blind)
#6C6754
Tritanopia (blue-blind)
#00786E
Achromatopsia (no color)
#6A6A6A

Design tokens & code

CSS
--color: #167951;
/* rgb */ color: rgb(22, 121, 81);
/* oklch */ color: oklch(51.2% 0.108 160.3);
Tailwind
colors: {
  custom: {
    50: '#66a082',
    500: '#167951',
    950: '#000000',
  },
}
SCSS
$custom: #167951;
$custom-light: #66a082;
$custom-dark: #000000;
JSON
{
  "hex": "#167951",
  "rgb": {
    "r": 22,
    "g": 121,
    "b": 81
  },
  "hsl": {
    "h": 155.758,
    "s": 69.231,
    "l": 28.039
  },
  "oklch": {
    "l": 0.51169,
    "c": 0.10789,
    "h": 160.3
  },
  "luminance": 0.14439
}

Semantic roles & 50–950 ramp

primary
#167951
secondary
#AE3D6A
accent
#3C83EC
background
#F6F9F7
surface
#EBF2EE
border
#C6CCC9
text
#070F0A
muted
#7A7E7C

Preview Lab

Preview with #167951

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

Preview Lab → · Contrast checker → · Palette generator →

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