#54D2C3#54D2C3

#54D2C3 is a light, moderate teal. Relative luminance 0.519; OKLCH L 79.0% C 0.113 H 184.4°. Best body text is #000000 at 11.38:1 contrast (WCAG AA passes).

Color values

HEX#54D2C3
RGBrgb(84, 210, 195)
HSLhsl(173, 58%, 58%)
HSVhsv(173, 60%, 82%)
CMYKcmyk(60%, 0%, 7.1%, 17.6%)
CIE-LABlab(77.23, -38.26, -2.97)
CIE-LCHlch(77.23, 38.37, 184.43°)
OKLaboklab(78.97% -0.1129 -0.0086)
OKLCHoklch(78.97% 0.113 184.4)
XYZxyz(36.5486, 51.9143, 59.7135)
Luminance0.5192 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#54D2C3 #D25463
analogous
#54D284 #54D2C3 #54A2D2
triadic
#54D2C3 #C354D2 #D2C354
tetradic
#54D2C3 #8454D2 #D25463 #A2D254
square
#54D2C3 #8454D2 #D25463 #A2D254
split-complementary
#54D2C3 #D254A2 #D28454
monochromatic
#24887C #31B8A8 #54D2C3 #84DFD4 #B5EBE5

Accessibility & contrast

On white

1.84
#54D2C3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

11.38
#54D2C3 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #54D2C3
11.38:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##54D2C3#FFFFFF#000000##000000
##54D2C31.001.8411.3811.38
#FFFFFF1.841.0021.0021.00
#00000011.3821.001.001.00
##00000011.3821.001.001.00

Color blindness preview

Protanopia (red-blind)
#C8C7C3
Deuteranopia (green-blind)
#B5B9C5
Tritanopia (blue-blind)
#00D6CD
Achromatopsia (no color)
#BFBFBF

Design tokens & code

CSS
--color: #54d2c3;
/* rgb */ color: rgb(84, 210, 195);
/* oklch */ color: oklch(79.0% 0.113 184.4);
Tailwind
colors: {
  custom: {
    50: '#91e0d5',
    500: '#54d2c3',
    950: '#000000',
  },
}
SCSS
$custom: #54d2c3;
$custom-light: #91e0d5;
$custom-dark: #000000;
JSON
{
  "hex": "#54d2c3",
  "rgb": {
    "r": 84,
    "g": 210,
    "b": 195
  },
  "hsl": {
    "h": 172.857,
    "s": 58.333,
    "l": 57.647
  },
  "oklch": {
    "l": 0.78966,
    "c": 0.11321,
    "h": 184.4
  },
  "luminance": 0.51918
}

Semantic roles & 50–950 ramp

primary
#54D2C3
secondary
#8E3C46
accent
#4659E2
background
#FCFEFE
surface
#F5FCFB
border
#CFD5D4
text
#0E1514
muted
#7F8483

Preview Lab

Preview with #54D2C3

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

Preview Lab → · Contrast checker → · Palette generator →

#54D2C3 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva