#4BAE80#4BAE80

#4BAE80 is a light, moderate teal. Relative luminance 0.333; OKLCH L 67.9% C 0.116 H 160.7°. Best body text is #000000 at 7.67:1 contrast (WCAG AA passes).

Color values

HEX#4BAE80
RGBrgb(75, 174, 128)
HSLhsl(152, 40%, 49%)
HSVhsv(152, 57%, 68%)
CMYKcmyk(56.9%, 0%, 26.4%, 31.8%)
CIE-LABlab(64.42, -39.97, 15.07)
CIE-LCHlch(64.42, 42.72, 159.34°)
OKLaboklab(67.93% -0.1098 0.0384)
OKLCHoklch(67.93% 0.116 160.7)
XYZxyz(21.9320, 33.3244, 25.6944)
Luminance0.3333 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#4BAE80 #AE4B79
analogous
#4BAE4F #4BAE80 #4BABAE
triadic
#4BAE80 #804BAE #AE804B
tetradic
#4BAE80 #4F4BAE #AE4B79 #ABAE4B
square
#4BAE80 #4F4BAE #AE4B79 #ABAE4B
split-complementary
#4BAE80 #AE4BAB #AE4F4B
monochromatic
#265841 #398361 #4BAE80 #73C39E #9ED5BC

Accessibility & contrast

On white

2.74
#4BAE80 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.67
#4BAE80 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #4BAE80
7.67:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##4BAE80#FFFFFF#000000##000000
##4BAE801.002.747.677.67
#FFFFFF2.741.0021.0021.00
#0000007.6721.001.001.00
##0000007.6721.001.001.00

Color blindness preview

Protanopia (red-blind)
#ACA27D
Deuteranopia (green-blind)
#9E9883
Tritanopia (blue-blind)
#24ADA1
Achromatopsia (no color)
#9C9C9C

Design tokens & code

CSS
--color: #4bae80;
/* rgb */ color: rgb(75, 174, 128);
/* oklch */ color: oklch(67.9% 0.116 160.7);
Tailwind
colors: {
  custom: {
    50: '#86c7a5',
    500: '#4bae80',
    950: '#000000',
  },
}
SCSS
$custom: #4bae80;
$custom-light: #86c7a5;
$custom-dark: #000000;
JSON
{
  "hex": "#4bae80",
  "rgb": {
    "r": 75,
    "g": 174,
    "b": 128
  },
  "hsl": {
    "h": 152.121,
    "s": 39.759,
    "l": 48.824
  },
  "oklch": {
    "l": 0.67925,
    "c": 0.11634,
    "h": 160.7
  },
  "luminance": 0.33326
}

Semantic roles & 50–950 ramp

primary
#4BAE80
secondary
#C293A9
accent
#5890D0
background
#F8FCFA
surface
#F0F8F4
border
#CBD1CE
text
#0C130F
muted
#7D827F

Preview Lab

Preview with #4BAE80

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

Preview Lab → · Contrast checker → · Palette generator →

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