#54FDE1#54FDE1

#54FDE1 is a very light, vivid teal. Relative luminance 0.776; OKLCH L 90.1% C 0.143 H 179.5°. Best body text is #000000 at 16.51:1 contrast (WCAG AA passes).

Color values

HEX#54FDE1
RGBrgb(84, 253, 225)
HSLhsl(170, 98%, 66%)
HSVhsv(170, 67%, 99%)
CMYKcmyk(66.8%, 0%, 11.1%, 0.8%)
CIE-LABlab(90.58, -49.51, 0.75)
CIE-LCHlch(90.58, 49.51, 179.14°)
OKLaboklab(90.09% -0.143 0.0012)
OKLCHoklch(90.09% 0.143 179.5)
XYZxyz(52.3655, 77.5657, 83.4315)
Luminance0.7757 (WCAG relative)
Temperaturecool
Familyteal

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#54FDE1 #FD5470
analogous
#54FD8C #54FDE1 #54C4FD
triadic
#54FDE1 #E154FD #FDE154
tetradic
#54FDE1 #8C54FD #FD5470 #C4FD54
square
#54FDE1 #8C54FD #FD5470 #C4FD54
split-complementary
#54FDE1 #FD54C4 #FD8C54
monochromatic
#02D4B1 #18FCD6 #54FDE1 #90FEEC #CDFEF6

Accessibility & contrast

On white

1.27
#54FDE1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

16.51
#54FDE1 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #54FDE1
16.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##54FDE1#FFFFFF#000000##000000
##54FDE11.001.2716.5116.51
#FFFFFF1.271.0021.0021.00
#00000016.5121.001.001.00
##00000016.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#F3EEE0
Deuteranopia (green-blind)
#DBDDE3
Tritanopia (blue-blind)
#00FFF4
Achromatopsia (no color)
#E4E4E4

Design tokens & code

CSS
--color: #54fde1;
/* rgb */ color: rgb(84, 253, 225);
/* oklch */ color: oklch(90.1% 0.143 179.5);
Tailwind
colors: {
  custom: {
    50: '#98ffea',
    500: '#54fde1',
    950: '#000000',
  },
}
SCSS
$custom: #54fde1;
$custom-light: #98ffea;
$custom-dark: #000000;
JSON
{
  "hex": "#54fde1",
  "rgb": {
    "r": 84,
    "g": 253,
    "b": 225
  },
  "hsl": {
    "h": 170.059,
    "s": 97.688,
    "l": 66.078
  },
  "oklch": {
    "l": 0.90085,
    "c": 0.14304,
    "h": 179.5
  },
  "luminance": 0.77572
}

Semantic roles & 50–950 ramp

primary
#54FDE1
secondary
#CE2743
accent
#0026E6
background
#FCFFFE
surface
#F6FFFD
border
#D0D7D5
text
#0F1816
muted
#808684

Preview Lab

Preview with #54FDE1

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

Preview Lab → · Contrast checker → · Palette generator →

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