#48C997#48C997

#48C997 is a light, vivid teal. Relative luminance 0.454; OKLCH L 75.2% C 0.135 H 163.8°. Best body text is #000000 at 10.08:1 contrast (WCAG AA passes).

Color values

HEX#48C997
RGBrgb(72, 201, 151)
HSLhsl(157, 54%, 54%)
HSVhsv(157, 64%, 79%)
CMYKcmyk(64.2%, 0%, 24.9%, 21.2%)
CIE-LABlab(73.14, -47.08, 14.77)
CIE-LCHlch(73.14, 49.34, 162.59°)
OKLaboklab(75.19% -0.1297 0.0377)
OKLCHoklch(75.19% 0.135 163.8)
XYZxyz(29.1421, 45.3823, 36.4960)
Luminance0.4538 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#48C997 #C9487A
analogous
#48C956 #48C997 #48BAC9
triadic
#48C997 #9748C9 #C99748
tetradic
#48C997 #5648C9 #C9487A #BAC948
square
#48C997 #5648C9 #C9487A #BAC948
split-complementary
#48C997 #C948BA #C95648
monochromatic
#227455 #30A477 #48C997 #77D7B2 #A7E5CD

Accessibility & contrast

On white

2.08
#48C997 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.08
#48C997 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #48C997
10.08:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##48C997#FFFFFF#000000##000000
##48C9971.002.0810.0810.08
#FFFFFF2.081.0021.0021.00
#00000010.0821.001.001.00
##00000010.0821.001.001.00

Color blindness preview

Protanopia (red-blind)
#C5BB94
Deuteranopia (green-blind)
#B4AE9A
Tritanopia (blue-blind)
#00C9BB
Achromatopsia (no color)
#B4B4B4

Design tokens & code

CSS
--color: #48c997;
/* rgb */ color: rgb(72, 201, 151);
/* oklch */ color: oklch(75.2% 0.135 163.8);
Tailwind
colors: {
  custom: {
    50: '#89dab5',
    500: '#48c997',
    950: '#000000',
  },
}
SCSS
$custom: #48c997;
$custom-light: #89dab5;
$custom-dark: #000000;
JSON
{
  "hex": "#48c997",
  "rgb": {
    "r": 72,
    "g": 201,
    "b": 151
  },
  "hsl": {
    "h": 156.744,
    "s": 54.43,
    "l": 53.529
  },
  "oklch": {
    "l": 0.75192,
    "c": 0.13507,
    "h": 163.8
  },
  "luminance": 0.45385
}

Semantic roles & 50–950 ramp

primary
#48C997
secondary
#D29BB0
accent
#4A83DE
background
#F9FDFB
surface
#F1FBF6
border
#CBD4D0
text
#0D1511
muted
#7E8380

Preview Lab

Preview with #48C997

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

Preview Lab → · Contrast checker → · Palette generator →

#48C997 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva