#549376#549376

#549376 is a mid, moderate teal. Relative luminance 0.241; OKLCH L 61.2% C 0.080 H 162.9°. Best body text is #000000 at 5.81:1 contrast (WCAG AA passes).

Color values

HEX#549376
RGBrgb(84, 147, 118)
HSLhsl(152, 27%, 45%)
HSVhsv(152, 43%, 58%)
CMYKcmyk(42.9%, 0%, 19.7%, 42.4%)
CIE-LABlab(56.15, -27.30, 9.09)
CIE-LCHlch(56.15, 28.77, 161.59°)
OKLaboklab(61.22% -0.076 0.0234)
OKLCHoklch(61.22% 0.08 162.9)
XYZxyz(17.3586, 24.0591, 20.8652)
Luminance0.2406 (WCAG relative)
Temperatureneutral
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#549376 #935471
analogous
#549356 #549376 #549093
triadic
#549376 #765493 #937654
tetradic
#549376 #565493 #935471 #909354
square
#549376 #565493 #935471 #909354
split-complementary
#549376 #935490 #935654
monochromatic
#274537 #3E6C57 #549376 #74B094 #9BC6B2

Accessibility & contrast

On white

3.61
#549376 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.81
#549376 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #549376
5.81:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##549376#FFFFFF#000000##000000
##5493761.003.615.815.81
#FFFFFF3.611.0021.0021.00
#0000005.8121.001.001.00
##0000005.8121.001.001.00

Color blindness preview

Protanopia (red-blind)
#918B74
Deuteranopia (green-blind)
#878478
Tritanopia (blue-blind)
#43938B
Achromatopsia (no color)
#878787

Design tokens & code

CSS
--color: #549376;
/* rgb */ color: rgb(84, 147, 118);
/* oklch */ color: oklch(61.2% 0.080 162.9);
Tailwind
colors: {
  custom: {
    50: '#87b39d',
    500: '#549376',
    950: '#000000',
  },
}
SCSS
$custom: #549376;
$custom-light: #87b39d;
$custom-dark: #000000;
JSON
{
  "hex": "#549376",
  "rgb": {
    "r": 84,
    "g": 147,
    "b": 118
  },
  "hsl": {
    "h": 152.381,
    "s": 27.273,
    "l": 45.294
  },
  "oklch": {
    "l": 0.61218,
    "c": 0.07953,
    "h": 162.9
  },
  "luminance": 0.2406
}

Semantic roles & 50–950 ramp

primary
#549376
secondary
#B390A0
accent
#6490C4
background
#F8FBF9
surface
#F0F6F2
border
#CBD0CC
text
#0B110E
muted
#7C807E

Preview Lab

Preview with #549376

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

Preview Lab → · Contrast checker → · Palette generator →

#549376 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva