#69D6B2#69D6B2

#69D6B2 is a light, moderate teal. Relative luminance 0.543; OKLCH L 80.2% C 0.114 H 169.3°. Best body text is #000000 at 11.86:1 contrast (WCAG AA passes).

Color values

HEX#69D6B2
RGBrgb(105, 214, 178)
HSLhsl(160, 57%, 63%)
HSVhsv(160, 51%, 84%)
CMYKcmyk(50.9%, 0%, 16.8%, 16.1%)
CIE-LABlab(78.64, -39.90, 8.26)
CIE-LCHlch(78.64, 40.75, 168.30°)
OKLaboklab(80.16% -0.1123 0.0212)
OKLCHoklch(80.16% 0.114 169.3)
XYZxyz(37.9046, 54.3074, 50.5958)
Luminance0.5431 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#69D6B2 #D6698D
analogous
#69D67B #69D6B2 #69C4D6
triadic
#69D6B2 #B269D6 #D6B269
tetradic
#69D6B2 #7B69D6 #D6698D #C4D669
square
#69D6B2 #7B69D6 #D6698D #C4D669
split-complementary
#69D6B2 #D669C4 #D67B69
monochromatic
#2A9A75 #39C999 #69D6B2 #99E3CB #C9F0E3

Accessibility & contrast

On white

1.77
#69D6B2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.86
#69D6B2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #69D6B2
11.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##69D6B2#FFFFFF#000000##000000
##69D6B21.001.7711.8611.86
#FFFFFF1.771.0021.0021.00
#00000011.8621.001.001.00
##00000011.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#D1CAB0
Deuteranopia (green-blind)
#C0BEB4
Tritanopia (blue-blind)
#3DD7CC
Achromatopsia (no color)
#C3C3C3

Design tokens & code

CSS
--color: #69d6b2;
/* rgb */ color: rgb(105, 214, 178);
/* oklch */ color: oklch(80.2% 0.114 169.3);
Tailwind
colors: {
  custom: {
    50: '#9be3c9',
    500: '#69d6b2',
    950: '#000000',
  },
}
SCSS
$custom: #69d6b2;
$custom-light: #9be3c9;
$custom-dark: #000000;
JSON
{
  "hex": "#69d6b2",
  "rgb": {
    "r": 105,
    "g": 214,
    "b": 178
  },
  "hsl": {
    "h": 160.183,
    "s": 57.068,
    "l": 62.549
  },
  "oklch": {
    "l": 0.80155,
    "c": 0.11424,
    "h": 169.3
  },
  "luminance": 0.54311
}

Semantic roles & 50–950 ramp

primary
#69D6B2
secondary
#9F4462
accent
#2157C5
background
#FCFEFD
surface
#F5FCF9
border
#CFD5D2
text
#0F1513
muted
#808482

Preview Lab

Preview with #69D6B2

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

Preview Lab → · Contrast checker → · Palette generator →

#69D6B2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva