#669391#669391

#669391 is a light, muted teal. Relative luminance 0.257; OKLCH L 63.0% C 0.049 H 192.5°. Best body text is #000000 at 6.15:1 contrast (WCAG AA passes).

Color values

HEX#669391
RGBrgb(102, 147, 145)
HSLhsl(177, 18%, 49%)
HSVhsv(177, 31%, 58%)
CMYKcmyk(30.6%, 0%, 1.4%, 42.4%)
CIE-LABlab(57.78, -15.66, -3.85)
CIE-LCHlch(57.78, 16.13, 193.81°)
OKLaboklab(63.02% -0.0478 -0.0106)
OKLCHoklch(63.02% 0.049 192.5)
XYZxyz(21.0223, 25.7354, 30.6423)
Luminance0.2574 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#669391 #936668
analogous
#66937B #669391 #667F93
triadic
#669391 #916693 #939166
tetradic
#669391 #7B6693 #936668 #7F9366
square
#669391 #7B6693 #936668 #7F9366
split-complementary
#669391 #93667F #937B66
monochromatic
#344B4A #4D6F6D #669391 #89ADAC #ADC6C5

Accessibility & contrast

On white

3.42
#669391 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.15
#669391 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #669391
6.15:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##669391#FFFFFF#000000##000000
##6693911.003.426.156.15
#FFFFFF3.421.0021.0021.00
#0000006.1521.001.001.00
##0000006.1521.001.001.00

Color blindness preview

Protanopia (red-blind)
#8E8F91
Deuteranopia (green-blind)
#858892
Tritanopia (blue-blind)
#569692
Achromatopsia (no color)
#8B8B8B

Design tokens & code

CSS
--color: #669391;
/* rgb */ color: rgb(102, 147, 145);
/* oklch */ color: oklch(63.0% 0.049 192.5);
Tailwind
colors: {
  custom: {
    50: '#93b2b1',
    500: '#669391',
    950: '#000000',
  },
}
SCSS
$custom: #669391;
$custom-light: #93b2b1;
$custom-dark: #000000;
JSON
{
  "hex": "#669391",
  "rgb": {
    "r": 102,
    "g": 147,
    "b": 145
  },
  "hsl": {
    "h": 177.333,
    "s": 18.072,
    "l": 48.824
  },
  "oklch": {
    "l": 0.6302,
    "c": 0.04899,
    "h": 192.5
  },
  "luminance": 0.25737
}

Semantic roles & 50–950 ramp

primary
#669391
secondary
#B5A0A1
accent
#6D71BB
background
#F9FBFA
surface
#F1F6F5
border
#CBD0CF
text
#0D1110
muted
#7E807F

Preview Lab

Preview with #669391

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

Preview Lab → · Contrast checker → · Palette generator →

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