#73DEC2#73DEC2

#73DEC2 is a very light, moderate teal. Relative luminance 0.598; OKLCH L 82.9% C 0.108 H 174.3°. Best body text is #000000 at 12.96:1 contrast (WCAG AA passes).

Color values

HEX#73DEC2
RGBrgb(115, 222, 194)
HSLhsl(164, 62%, 66%)
HSVhsv(164, 48%, 87%)
CMYKcmyk(48.2%, 0%, 12.6%, 12.9%)
CIE-LABlab(81.72, -37.58, 4.23)
CIE-LCHlch(81.72, 37.82, 173.57°)
OKLaboklab(82.88% -0.1074 0.0106)
OKLCHoklch(82.88% 0.108 174.3)
XYZxyz(42.9250, 59.7788, 60.3049)
Luminance0.5978 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#73DEC2 #DE738F
analogous
#73DE8C #73DEC2 #73C4DE
triadic
#73DEC2 #C273DE #DEC273
tetradic
#73DEC2 #8C73DE #DE738F #C4DE73
square
#73DEC2 #8C73DE #DE738F #C4DE73
split-complementary
#73DEC2 #DE73C4 #DE8C73
monochromatic
#29AE8B #41D2AC #73DEC2 #A5EAD8 #D6F5ED

Accessibility & contrast

On white

1.62
#73DEC2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.96
#73DEC2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #73DEC2
12.96:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##73DEC2#FFFFFF#000000##000000
##73DEC21.001.6212.9612.96
#FFFFFF1.621.0021.0021.00
#00000012.9621.001.001.00
##00000012.9621.001.001.00

Color blindness preview

Protanopia (red-blind)
#D8D2C1
Deuteranopia (green-blind)
#C7C6C4
Tritanopia (blue-blind)
#47E0D6
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #73dec2;
/* rgb */ color: rgb(115, 222, 194);
/* oklch */ color: oklch(82.9% 0.108 174.3);
Tailwind
colors: {
  custom: {
    50: '#a2e9d4',
    500: '#73dec2',
    950: '#000000',
  },
}
SCSS
$custom: #73dec2;
$custom-light: #a2e9d4;
$custom-dark: #000000;
JSON
{
  "hex": "#73dec2",
  "rgb": {
    "r": 115,
    "g": 222,
    "b": 194
  },
  "hsl": {
    "h": 164.299,
    "s": 61.85,
    "l": 66.078
  },
  "oklch": {
    "l": 0.82876,
    "c": 0.10797,
    "h": 174.3
  },
  "luminance": 0.59782
}

Semantic roles & 50–950 ramp

primary
#73DEC2
secondary
#B04661
accent
#1C49CA
background
#FCFEFE
surface
#F6FDFB
border
#D0D5D4
text
#101614
muted
#808483

Preview Lab

Preview with #73DEC2

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

Preview Lab → · Contrast checker → · Palette generator →

#73DEC2 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva