#4AEEAC#4AEEAC

#4AEEAC is a very light, vivid teal. Relative luminance 0.656; OKLCH L 84.9% C 0.164 H 162.0°. Best body text is #000000 at 14.12:1 contrast (WCAG AA passes).

Color values

HEX#4AEEAC
RGBrgb(74, 238, 172)
HSLhsl(156, 83%, 61%)
HSVhsv(156, 69%, 93%)
CMYKcmyk(68.9%, 0%, 27.7%, 6.7%)
CIE-LABlab(84.78, -57.10, 19.95)
CIE-LCHlch(84.78, 60.48, 160.74°)
OKLaboklab(84.89% -0.1562 0.0508)
OKLCHoklch(84.89% 0.164 162)
XYZxyz(40.8407, 65.5789, 49.5273)
Luminance0.6558 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4AEEAC #EE4A8C
analogous
#4AEE5A #4AEEAC #4ADEEE
triadic
#4AEEAC #AC4AEE #EEAC4A
tetradic
#4AEEAC #5A4AEE #EE4A8C #DEEE4A
square
#4AEEAC #5A4AEE #EE4A8C #DEEE4A
split-complementary
#4AEEAC #EE4ADE #EE5A4A
monochromatic
#10AD6E #16E592 #4AEEAC #82F3C6 #BAF9DF

Accessibility & contrast

On white

1.49
#4AEEAC on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.12
#4AEEAC on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4AEEAC
14.12:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4AEEAC#FFFFFF#000000##000000
##4AEEAC1.001.4914.1214.12
#FFFFFF1.491.0021.0021.00
#00000014.1221.001.001.00
##00000014.1221.001.001.00

Color blindness preview

Protanopia (red-blind)
#EADDA8
Deuteranopia (green-blind)
#D5CDB0
Tritanopia (blue-blind)
#00EEDC
Achromatopsia (no color)
#D4D4D4

Design tokens & code

CSS
--color: #4aeeac;
/* rgb */ color: rgb(74, 238, 172);
/* oklch */ color: oklch(84.9% 0.164 162.0);
Tailwind
colors: {
  custom: {
    50: '#90f4c5',
    500: '#4aeeac',
    950: '#000000',
  },
}
SCSS
$custom: #4aeeac;
$custom-light: #90f4c5;
$custom-dark: #000000;
JSON
{
  "hex": "#4aeeac",
  "rgb": {
    "r": 74,
    "g": 238,
    "b": 172
  },
  "hsl": {
    "h": 155.854,
    "s": 82.828,
    "l": 61.176
  },
  "oklch": {
    "l": 0.84889,
    "c": 0.16429,
    "h": 162
  },
  "luminance": 0.65583
}

Semantic roles & 50–950 ramp

primary
#4AEEAC
secondary
#AE2E62
accent
#065EDF
background
#FCFFFD
surface
#F5FEF9
border
#CFD6D2
text
#0E1712
muted
#7F8582

Preview Lab

Preview with #4AEEAC

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

Preview Lab → · Contrast checker → · Palette generator →

#4AEEAC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva