#166769#166769

#166769 is a mid, moderate teal. Relative luminance 0.109; OKLCH L 46.9% C 0.073 H 197.5°. Best body text is #FFFFFF at 6.61:1 contrast (WCAG AA passes).

Color values

HEX#166769
RGBrgb(22, 103, 105)
HSLhsl(181, 65%, 25%)
HSVhsv(181, 79%, 41%)
CMYKcmyk(79%, 1.9%, 0%, 58.8%)
CIE-LABlab(39.39, -22.14, -7.92)
CIE-LCHlch(39.39, 23.51, 199.67°)
OKLaboklab(46.92% -0.0698 -0.022)
OKLCHoklch(46.92% 0.073 197.5)
XYZxyz(7.7298, 10.8900, 15.0565)
Luminance0.1089 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#166769 #691816
analogous
#166942 #166769 #163D69
triadic
#166769 #691667 #676916
tetradic
#166769 #421669 #691816 #3D6916
square
#166769 #421669 #691816 #3D6916
split-complementary
#166769 #69163D #694216
monochromatic
#051919 #0B3536 #166769 #21999C #2BCACE

Accessibility & contrast

On white

6.61
#166769 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.18
#166769 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #166769
6.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##166769#FFFFFF#000000##FFFFFF
##1667691.006.613.186.61
#FFFFFF6.611.0021.001.00
#0000003.1821.001.0021.00
##FFFFFF6.611.0021.001.00

Color blindness preview

Protanopia (red-blind)
#5F6269
Deuteranopia (green-blind)
#535969
Tritanopia (blue-blind)
#006B67
Achromatopsia (no color)
#5D5D5D

Design tokens & code

CSS
--color: #166769;
/* rgb */ color: rgb(22, 103, 105);
/* oklch */ color: oklch(46.9% 0.073 197.5);
Tailwind
colors: {
  custom: {
    50: '#649293',
    500: '#166769',
    950: '#000000',
  },
}
SCSS
$custom: #166769;
$custom-light: #649293;
$custom-dark: #000000;
JSON
{
  "hex": "#166769",
  "rgb": {
    "r": 22,
    "g": 103,
    "b": 105
  },
  "hsl": {
    "h": 181.446,
    "s": 65.354,
    "l": 24.902
  },
  "oklch": {
    "l": 0.4692,
    "c": 0.07323,
    "h": 197.5
  },
  "luminance": 0.10891
}

Semantic roles & 50–950 ramp

primary
#166769
secondary
#9F3E3B
accent
#443FE8
background
#F6F9F9
surface
#EBF1F1
border
#C6CBCB
text
#060D0D
muted
#7A7E7E

Preview Lab

Preview with #166769

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

Preview Lab → · Contrast checker → · Palette generator →

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