#167277#167277

#167277 is a mid, moderate teal. Relative luminance 0.135; OKLCH L 50.5% C 0.080 H 200.6°. Best body text is #FFFFFF at 5.66:1 contrast (WCAG AA passes).

Color values

HEX#167277
RGBrgb(22, 114, 119)
HSLhsl(183, 69%, 28%)
HSVhsv(183, 82%, 47%)
CMYKcmyk(81.5%, 4.2%, 0%, 53.3%)
CIE-LABlab(43.56, -23.25, -10.14)
CIE-LCHlch(43.56, 25.37, 203.57°)
OKLaboklab(50.46% -0.0749 -0.0282)
OKLCHoklch(50.46% 0.08 200.6)
XYZxyz(9.6765, 13.5359, 19.5519)
Luminance0.1354 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#167277 #771B16
analogous
#16774C #167277 #164177
triadic
#167277 #771672 #727716
tetradic
#167277 #4C1677 #771B16 #417716
square
#167277 #4C1677 #771B16 #417716
split-complementary
#167277 #771641 #774C16
monochromatic
#05191A #0C4143 #167277 #20A3AB #2FD0D9

Accessibility & contrast

On white

5.66
#167277 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.71
#167277 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #167277
5.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##167277#FFFFFF#000000##FFFFFF
##1672771.005.663.715.66
#FFFFFF5.661.0021.001.00
#0000003.7121.001.0021.00
##FFFFFF5.661.0021.001.00

Color blindness preview

Protanopia (red-blind)
#696D77
Deuteranopia (green-blind)
#5B6377
Tritanopia (blue-blind)
#007773
Achromatopsia (no color)
#676767

Design tokens & code

CSS
--color: #167277;
/* rgb */ color: rgb(22, 114, 119);
/* oklch */ color: oklch(50.5% 0.080 200.6);
Tailwind
colors: {
  custom: {
    50: '#679b9e',
    500: '#167277',
    950: '#000000',
  },
}
SCSS
$custom: #167277;
$custom-light: #679b9e;
$custom-dark: #000000;
JSON
{
  "hex": "#167277",
  "rgb": {
    "r": 22,
    "g": 114,
    "b": 119
  },
  "hsl": {
    "h": 183.093,
    "s": 68.794,
    "l": 27.647
  },
  "oklch": {
    "l": 0.50461,
    "c": 0.08007,
    "h": 200.6
  },
  "luminance": 0.13537
}

Semantic roles & 50–950 ramp

primary
#167277
secondary
#AC423C
accent
#453CEC
background
#F6F9F9
surface
#EBF2F2
border
#C6CCCC
text
#070E0E
muted
#7A7E7E

Preview Lab

Preview with #167277

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

Preview Lab → · Contrast checker → · Palette generator →

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