#77C4DB#77C4DB

#77C4DB is a light, moderate cyan. Relative luminance 0.485; OKLCH L 77.9% C 0.083 H 219.0°. Best body text is #000000 at 10.70:1 contrast (WCAG AA passes).

Color values

HEX#77C4DB
RGBrgb(119, 196, 219)
HSLhsl(194, 58%, 66%)
HSVhsv(194, 46%, 86%)
CMYKcmyk(45.7%, 10.5%, 0%, 14.1%)
CIE-LABlab(75.15, -17.78, -18.89)
CIE-LCHlch(75.15, 25.94, 226.74°)
OKLaboklab(77.88% -0.0643 -0.0521)
OKLCHoklch(77.88% 0.083 219)
XYZxyz(40.1292, 48.5132, 74.2534)
Luminance0.4852 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#77C4DB #DB8E77
analogous
#77DBC0 #77C4DB #7792DB
triadic
#77C4DB #DB77C4 #C4DB77
tetradic
#77C4DB #C077DB #DB8E77 #92DB77
square
#77C4DB #C077DB #DB8E77 #92DB77
split-complementary
#77C4DB #DB7792 #DBC077
monochromatic
#2D8EAA #47AFCE #77C4DB #A7D9E8 #D8EEF5

Accessibility & contrast

On white

1.96
#77C4DB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.70
#77C4DB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #77C4DB
10.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##77C4DB#FFFFFF#000000##000000
##77C4DB1.001.9610.7010.70
#FFFFFF1.961.0021.0021.00
#00000010.7021.001.001.00
##00000010.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#B5C0DC
Deuteranopia (green-blind)
#A6B4DB
Tritanopia (blue-blind)
#47CCCB
Achromatopsia (no color)
#B9B9B9

Design tokens & code

CSS
--color: #77c4db;
/* rgb */ color: rgb(119, 196, 219);
/* oklch */ color: oklch(77.9% 0.083 219.0);
Tailwind
colors: {
  custom: {
    50: '#a4d6e6',
    500: '#77c4db',
    950: '#000000',
  },
}
SCSS
$custom: #77c4db;
$custom-light: #a4d6e6;
$custom-dark: #000000;
JSON
{
  "hex": "#77c4db",
  "rgb": {
    "r": 119,
    "g": 196,
    "b": 219
  },
  "hsl": {
    "h": 193.8,
    "s": 58.14,
    "l": 66.275
  },
  "oklch": {
    "l": 0.77875,
    "c": 0.08277,
    "h": 219
  },
  "luminance": 0.48516
}

Semantic roles & 50–950 ramp

primary
#77C4DB
secondary
#E7CEC7
accent
#4620C6
background
#FAFDFE
surface
#F4FAFC
border
#CED3D5
text
#101415
muted
#7F8384

Preview Lab

Preview with #77C4DB

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

Preview Lab → · Contrast checker → · Palette generator →

#77C4DB Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva