#54DFD7#54DFD7

#54DFD7 is a very light, moderate teal. Relative luminance 0.596; OKLCH L 82.7% C 0.119 H 189.7°. Best body text is #000000 at 12.91:1 contrast (WCAG AA passes).

Color values

HEX#54DFD7
RGBrgb(84, 223, 215)
HSLhsl(177, 68%, 60%)
HSVhsv(177, 62%, 87%)
CMYKcmyk(62.3%, 0%, 3.6%, 12.5%)
CIE-LABlab(81.60, -38.93, -7.20)
CIE-LCHlch(81.60, 39.59, 190.48°)
OKLaboklab(82.69% -0.1176 -0.0201)
OKLCHoklch(82.69% 0.119 189.7)
XYZxyz(42.3041, 59.5619, 73.5439)
Luminance0.5957 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#54DFD7 #DF545C
analogous
#54DF92 #54DFD7 #54A1DF
triadic
#54DFD7 #D754DF #DFD754
tetradic
#54DFD7 #9254DF #DF545C #A1DF54
square
#54DFD7 #9254DF #DF545C #A1DF54
split-complementary
#54DFD7 #DF54A1 #DF9254
monochromatic
#1D9C94 #27CFC5 #54DFD7 #88E9E3 #BBF2EF

Accessibility & contrast

On white

1.63
#54DFD7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.91
#54DFD7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #54DFD7
12.91:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##54DFD7#FFFFFF#000000##000000
##54DFD71.001.6312.9112.91
#FFFFFF1.631.0021.0021.00
#00000012.9121.001.001.00
##00000012.9121.001.001.00

Color blindness preview

Protanopia (red-blind)
#D3D4D7
Deuteranopia (green-blind)
#BEC4D8
Tritanopia (blue-blind)
#00E5DC
Achromatopsia (no color)
#CBCBCB

Design tokens & code

CSS
--color: #54dfd7;
/* rgb */ color: rgb(84, 223, 215);
/* oklch */ color: oklch(82.7% 0.119 189.7);
Tailwind
colors: {
  custom: {
    50: '#94e9e3',
    500: '#54dfd7',
    950: '#000000',
  },
}
SCSS
$custom: #54dfd7;
$custom-light: #94e9e3;
$custom-dark: #000000;
JSON
{
  "hex": "#54dfd7",
  "rgb": {
    "r": 84,
    "g": 223,
    "b": 215
  },
  "hsl": {
    "h": 176.547,
    "s": 68.473,
    "l": 60.196
  },
  "oklch": {
    "l": 0.82694,
    "c": 0.1193,
    "h": 189.7
  },
  "luminance": 0.59566
}

Semantic roles & 50–950 ramp

primary
#54DFD7
secondary
#9F383E
accent
#1520D0
background
#FCFEFE
surface
#F5FDFC
border
#CFD5D5
text
#0E1615
muted
#7F8484

Preview Lab

Preview with #54DFD7

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

Preview Lab → · Contrast checker → · Palette generator →

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